如何在停止播放音频并显示按钮后继续播放音频

时间:2015-12-02 16:01:04

标签: javascript jquery html5 audio

我试图这样做:

当歌曲在5秒时它会停止,但是当它停止时如何显示按钮,如果我点击按钮,歌曲会继续?

这是我的代码:

<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<audio controls preload id="audio">
        <source src="cancion.mp3" type="audio/mpeg" />
        Tu navegador no soporta esta caracteristica
    </audio> 
    </ul>

    <div id="current">0:00</div>
<div id="duration">0:00</div>
</body>
</html>

<script>
    $(document).ready(function(){
        $("#audio").on("timeupdate",function(event){
      if (this.currentTime >= 5) {
        $("#audio")[0].pause();
      }
     });
    });
    </script>

1 个答案:

答案 0 :(得分:1)

您可以通过向页面添加Country.all来实现此目的,该页面将被隐藏,直到5秒钟过去。然后单击该按钮,您可以使用button元素的play()方法继续播放。您还需要设置audio标志以跳过超过5秒后停止播放的检查。试试这个:

resumed

Example fiddle