Question

我在jQuery Mobile中使用Flipswitch小部件，想要在开关打开时播放音频文件，在开关关闭时停止播放。

我的HTML代码：

<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>

我试图弄清楚JS代码是怎样的

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

...

});

Answer 1

您可以尝试这样的事情：

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

});

更新：在这里完美地工作https://jsfiddle.net/q3Lw8c4g/1/您应该检查您的声音文件是否可读。

JQM Flip Toggle Switch播放停止音频

1 个答案: