我希望在HTML中停止/跳过音频30秒

时间:2015-04-12 19:33:52

标签: html audio skip

我有一个html的音频文件。 我想要4个按钮:一个用于播放,一个用于暂停,一个用于停止,一个用于30秒跳过。 暂停/播放工作。另外2人不要。我花了2个小时尝试通过互联网搜索,我根本无法理解。 这是我的代码。

<script>
function playsong() {
    document.getElementById("Player").play();
}

function pausesong() {
    document.getElementById("Player").pause();
}

function stopsong() {
    document.getElementById('Player').setcurrentTime();/**tried also with audio.currentTime here. Didn't worked **/
    audio.currentTime = 0;
}

function forwardAudio() {
    document.getElementById('Player').setcurrentTime(); /**tried also with audio.currentTime here. Didn't worked **/
    audio.currentTime += 30.0

}
</script>

<body>
    <img src="http://www.marphahiphop.tv/wp-content/uploads/2012/06/Lu-K-Beats.jpg" height="300" width="200">
    <video width="420" height="340" controls="controls">
        <source src="http://176.9.192.221/mp4/5/Lilly%20Wood%20&%20The%20Prick%20and%20Robin%20Schulz%20-%20Prayer%20In%20C%20(Robin%20Schulz%20Remix)%20(Official).mp4" type="video/mp4" />
        <object data="movie.mp4" width="420" height="340">
            240" />
        </object>
    </video>
    <audio controls="controls" autoplay ID="Player">
        <source src="http://afewbitsmore.com/albums/Macklemore%20and%20Ryan%20Lewis/The%20Heist%20[2012]/The%20Heist%20[2012]-02-Macklemore;%20Ray%20Dalton;%20Ryan%20Lewis%20-%20Can't%20Hold%20Us.mp3" />
    </audio>
    <button type="button" onclick="playsong()">Play</button>
    <button type="button" onclick="pausesong()">Pauza</button>
    <button type="button" onclick="stopsong()">Stop</button>
    <button type="button" onclick="forwardAudio()">Skip 30 seconds</button>
</body>

1 个答案:

答案 0 :(得分:1)

您没有音频变量。您需要抓住播放器并直接对播放器进行更改。你还需要在stopsong()上暂停(),否则它将返回到开头但继续播放。

function stopsong() {
    var player = document.getElementById('Player');
    player.pause();
    player.currentTime = 0;/**tried also with audio.currentTime here. Didn't worked **/
}

function forwardAudio() {
    var player = document.getElementById('Player');
    player.currentTime += 30.0; /**tried also with audio.currentTime here. Didn't worked **/

}