百度MP3播放器实现示例

百度 MP3 播放器的实现方式比较老派,但用到的技术点对了解早期网页音频嵌入还是蛮有参考价值的。播放器主要靠嵌入<object><embed>标签,这种方式对 IE 友好,对非 IE 浏览器也能兼容,属于那种“只要能播,怎么都行”的思路。

播放器的参数挺多,像是ShowControlsAutoStartPlayCount这种,直接在标签里设就好,控制起来挺方便。尤其适合做那种简单页面嵌入,比如产品页或者怀旧页面,配置好了直接丢上服务器就能用。

你要是用PHP来动态输出路径,甚至还能做点小交互,比如换歌、切列表。配合JavaScript还能监听播放状态,虽然老了点,但写起来不复杂,调试也快。

兼容性这块也考虑到了,IE 用<object>,其他浏览器就走<embed>,再配合application/x-mplayer2或者application/x-oleobject这类type值,就能跑。虽说现在主流都用<audio>了,但了解下老方案也不赖,是你要改老项目的时候。

建议你实际跑跑看,放几个.mp3文件,改几个参数,看看效果,挺快就能上手。如果你有兴趣,也可以顺手看看QQ 音乐播放器源码,结构跟这边也有些类似。

txt 文件大小:1.93KB