脚本宝典收集整理的这篇文章主要介绍了html5教程-audioh5新增音频播放器，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

audioh5新增音频播放器。加上 controls会显示默认控件，不同浏览器显示样式不一样

<audio id="audio-music" controls>

<source type="audio/mp3"></source>

</audio>

source 可以省略，将src加在audio上

<audio id="audio-music" ng-src="audio/music.mp3">

</audio>

通过id获取audio对象，应用它的一些方法和属性，例如：play(),pause(),currentTime,duration等等很多

很多时候我们为了界面美观不会用它的默认样式，因此我们可以这样来处理，在需要显示控件的地方加p，在p里嵌套audio控件，然后opacity:0;，千万不要设置display:none;或者ng-if=false;这样控件直接不起作用了，设置透明度就好，根据它的方法和属性来自定义按钮，设置播放和显示时间，当前时间不会处理的，可以使用定时器，来实时显示进度。

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-audioh5新增音频播放器全部内容，希望文章能够帮你解决html5教程-audioh5新增音频播放器所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。