怎样用一个按钮来控制音乐的播放/暂停?

2025-10-19 08:16:24

1、在Dreamweaver中新建一个HTML5文件,并保存。在<body></body>中添加一段音频+按钮的基本代码。,并为按钮添加点击事件。

   <audio src="1.mp3" controls="controls" preload id="music" hidden>

   </audio>

   <button id="a" onclick="a();">播放/暂停</button>

怎样用一个按钮来控制音乐的播放/暂停?

怎样用一个按钮来控制音乐的播放/暂停?

2、接着,写入JavaScript代码,也比较简单一些。

<script>   

   function a(){

     var audio = document.getElementById('music'); 

     if(audio.paused){                 

         audio.play();//audio.play();// 播放  

     }

     else{

          audio.pause();// 暂停

     } 

   }

</script>

怎样用一个按钮来控制音乐的播放/暂停?

3、然后去浏览器中查看效果,按“F12”,或者如图中所示,选择你自己喜欢的浏览器。请注意浏览器的兼容模式。

怎样用一个按钮来控制音乐的播放/暂停?

怎样用一个按钮来控制音乐的播放/暂停?

4、在网页中试验效果。

怎样用一个按钮来控制音乐的播放/暂停?

怎样用一个按钮来控制音乐的播放/暂停?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢