【问题标题】:I want to stop/skip 30 seconds on audio in HTML我想在 HTML 中停止/跳过 30 秒的音频
【发布时间】:2015-04-12 19:33:52
【问题描述】:

我有一个 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>

【问题讨论】:

    标签: html audio skip


    【解决方案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 **/
    
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-03-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-08
      • 1970-01-01
      • 2021-03-30
      相关资源
      最近更新 更多