6

私は絶対にどこにでもいて（私は思う）、html5オーディオコントローラーで停止イベントを呼び出す方法を見つけることができないようです。オーディオ コントローラーには、選択したときに各トラックが再生されるプレイリストがあり、各トラックを次のトラックに切り替えます。機能する次へのボタンもあります。

私の再生/一時停止ボタンは次のようになります。

function playPause() {
    var audioPlayer = document.getElementsByTagName('audio')[0];
    if(audioPlayer!=undefined) {
        if (audioPlayer.paused) {
            audioPlayer.play();
        } else {
            audioPlayer.pause();
        }
    } else {
        loadPlayer();
    }
}

オーディオを停止し、現在再生中のトラックの先頭に戻る「停止」ボタンが必要です。どうにかして現在の再生位置を使おうと思ったのですが、なかなかまとまりません。

私もこれを試しました（別の質問のアドバイスによって適応されました）が、役に立ちませんでした：

function stop() {
    var audioPlayer = document.getElementsByTagName('audio');
    addEventListener('loadedmetadata', function() {
        this.currentTime = 0;
    }, false);
}

何か案は？

4

3 に答える 3

9

再生/一時停止が機能している場合、これは停止のために機能するはずです:

function stop() {
    var audioPlayer = document.getElementsByTagName('audio')[0];
    audioPlayer.pause();
    audioPlayer.currentTime = 0;
}
于 2012-05-18T13:52:53.700 に答える
2

オーディオの再生、一時停止、停止ができる小さなデモ コードを次に示します。

ライブデモ

HTML

<input type="button" value="play" id="playBtn" />
<input type="button" value="pause" id="pauseBtn" />
<input type="button" value="stop" id="stopBtn" />

Jクエリ

var source = "http://www.giorgiosardo.com/HTML5/audio/audio/sample.mp3"
var audio = document.createElement("audio");
audio.src = source;

$("#playBtn").click(function () {
    audio.play();
});

$("#pauseBtn").click(function () {
    audio.pause();
});

$("#stopBtn").click(function () {
    audio.pause();
    audio.currentTime = 0;
});

ソース

于 2013-01-30T17:22:22.730 に答える