在确定的时间停止音频,并在单击按钮时继续

时间:2015-12-01 20:53:12

标签: html5 audio

你好我想在确定的时间停止音频,例如我点击播放,我想在5秒停止它,当它停止时我想显示一个按钮,如果你点击它,音频将再次继续,我需要做5次,欢迎任何帮助

这就是我所拥有的:

   <audio controls id="audio2" src="song.ogg" type="audio/ogg">
      <p>Your browser does not support the audio element</p>
   </audio>

        <script>
            myAudio=document.getElementById('audio2');
            myAudio.addEventListener('play', function() {
            this.play();
                if(this.currentTime = 5){
                    this.stop();
                }
            });
        </script>

    </audio>

1 个答案:

答案 0 :(得分:0)

<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
    $(document).ready(function(){
        $("#audio").on(
        "timeupdate", 
        function(event){
      if (this.currentTime >= 5) {
        $("#audio")[0].pause();
      }
     });
    });
    </script>
</head>
<body>
    <audio controls preload id="audio">
        <source src="cancion.mp3" type="audio/mpeg" />
        Tu navegador no soporta esta caracteristica
    </audio>
    <div id="current">0:00</div>
<div id="duration">0:00</div>
</body>
</html>

我做到了,最后