脚本宝典收集整理的这篇文章主要介绍了利用HTML5实现使用按钮控制背景音乐开关,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
效果图如下所示:
HTML
建立一个HTML5页面,放置<audio>标签,设置音频文件源,设置循环播放。准备两张图片,分别表示开启和暂停背景音乐两种状态,可以点击。
XML/HTML Code复制内容到剪贴板
Javascript
我们在点击开关图片按钮的时候调用了javascript脚本,playPause()函数。函数中判断audio音频播放状态,如果已经停止(paused)则调用.play()继续播放,如果是在播放状态,则立即暂停播放.pause(),两种状态切换时及时更新按钮图片,请看代码:
JavaScript Code复制内容到剪贴板
如果使用jquery代码可以这样写:
JavaScript Code复制内容到剪贴板
以上是脚本宝典为你收集整理的利用HTML5实现使用按钮控制背景音乐开关全部内容,希望文章能够帮你解决利用HTML5实现使用按钮控制背景音乐开关所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。