Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Knob für Volume-Regelung
#1
Hallo zusammen,

ich baue gerade einen eigenen Audio-Player mittels html5 (<audio>) und jquery.
Funktioniert auch alles super, doch jetzt soll die Lautstärke durch ein Rädchen gesteuert werden. Das Rädchen dreht sich, alles bestens, doch leider wird kein Einfluss auf die Lautstärke genommen.

Die Lautstärke konnte ich aber schon mittels eines inputfields (type=range) steuern.

Folgendes habe ich bislang fabriziert:

PHP-Code:
var tpl '<div class="knob">\
                <div id="volume" onchange="setVolume()" class="top"></div>\
            </div>'

PHP-Code:
function setVolume() {
        
// initial sound volume
        // Grab a handle to the volume slider
        
var volume document.getElementById("volume").knobKnob({
            
snap 10,
            
value359 this.options.initialVolume,
            
turn : function( ratio ) {
              
              
this.changeVolumeratio );
            
            }
          });
        
audio.volume this.options.initialVolume;


Der Knob-Effekt basiert übrigens auf: http://tutorialzine.com/2011/11/pretty-s...s3-jquery/

Vielen Dank schon einmal für eure Hilfe!
Grüßle, Nicki

NIMIUS | Agentur für Kommunikation
Webdesign und Webentwicklung aus Staufen im Breisgau
Website | Twitter

TYPO3 Education Committee Member
Neu in TYPO3? Kein Problem! Hier geht's zum TYPO3 Mentoren Programm
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste