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

 时间:2024-10-30 13:06:27

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、在网页中试验效果。

怎样用一个按钮来控制音乐的播放/暂停怎样用一个按钮来控制音乐的播放/暂停
  • 如何使用phpMyAdmin从表中搜索数据
  • DreamWeaver CS6网页制作教程:[1]创建站点
  • FLASH如何使用键盘控制影片剪辑播放(AS3)
  • 动态文本如何在Flash中用代码实现
  • Flash入门实例:[1]如何制作跳动的小球动画?
  • 热门搜索
    弘扬传统文化手抄报 法律手抄报图片大全 关于梦想的手抄报图片 昆虫记手抄报图片 关于法律的手抄报图片 爱国的手抄报内容 文明小学生手抄报 手抄报插图大全 消防安全手抄报边框 读好书手抄报内容