HTML5音频播放与交互技术详解
HTML5 的音频功能，真的是前端开发里的小而美。直接用<audio>标签就能嵌入音频，不用折腾 Flash 那一套，方便得。controls属性加上去，用户想播就播，交互也自然。如果你担心格式兼容，放几种格式备着就行，比如 MP3、Ogg、WebM，浏览器自己会挑能放的那个。
音频控制这块，JavaScript 也挺给力。想自动播？audio.play()走起；要静音？加个muted属性或者调volume。监听播放状态？用addEventListener就搞定，像play、pause这些事件还挺常用。你也可以做个自定义播放器，交互体验更贴合产品需求。
属性方面，autoplay、loop、preload都挺实用，不过像autoplay现在多浏览器默认是静音才能自动播，这点你要注意下。还有老 IE 或者部分移动端设备兼容性不太行，建议搭配 Modernizr 来兜底。
，HTML5 的音频能力已经够日常开发用了，简单加点 JS 控制，功能也能丰富。如果你正在做音频类的网页项目，不妨就从<audio>标签开始试试，体验还不错。
文件大小：4.23MB
评论区