2016-04-07 7 views
0

Im mit Flipswitch Widget in jQuery Mobile und möchte Audio-Datei zu spielen, wenn der Schalter eingeschaltet ist und stoppen, wenn der Schalter ausgeschaltet ist.JQM Flip Toggle Switch Wiedergabe stoppen Audio

Mein HTML-Code:

<audio id="soundtrack"> 
    <source src="Sounds/soundtheme.ogg" type="audio/ogg"> 
    <source src="Sounds/soundtheme.mp3" type="audio/mp3"> 
    Your browser does not support the audio element. 
</audio> 

    <form> 
    <label for="flip-select-audio">AUDIO:</label> 
    <select id="flip-select-audio" name="flip-select-audio" data-role="flipswitch"> 
        <option value="off">OFF</option> 
        <option value="on">ON</option> 
    </select> 
</form> 

Im Versuch, wie die JS-Code, um herauszufinden,

$('#flip-select-audio').change(function() { 

... 

}); 

Antwort

1

könnten Sie so etwas wie dies versuchen:

$('#flip-select-audio').change(function() { 
    var soundtrack = $("#soundtrack")[0]; 
    if ($(this).val() == "on") { 
     soundtrack.play(); 
    } else { 
     soundtrack.pause(); 
     soundtrack.currentTime = 0; 
    } 

}); 

aktualisieren : Arbeiten perfekt hier https://jsfiddle.net/q3Lw8c4g/1/ Sie sollten überprüfen, ob y Unsere Sounddatei ist lesbar.

+0

danke aber scheint nicht funktioniert, zumindest habe ich im Chrome-Browser vom Desktop aus versucht. Sie können es hier testen: http://www.theredlips.it/giochi/Sx1.html – Simone80an

+0

hier arbeiten: https://jsfiddle.net/q3Lw8c4g/ Aber ich denke, dein Problem kommt von flipswitch Ich werde meine Antwort aktualisieren, wenn es ist behoben –

+0

danke für das zur Verfügung gestellte Arbeitsbeispiel! Aber scheint nicht funktioniert für mich, ich habe gerade eine Testseite mit dem Code gleich zu Ihrem JSFiddle hier http://www.theredlips.it/giochi/test.html – Simone80an