百度MP3播放器实现示例
百度 MP3 播放器的实现方式比较老派,但用到的技术点对了解早期网页音频嵌入还是蛮有参考价值的。播放器主要靠嵌入<object>
和<embed>
标签,这种方式对 IE 友好,对非 IE 浏览器也能兼容,属于那种“只要能播,怎么都行”的思路。
播放器的参数挺多,像是ShowControls
、AutoStart
、PlayCount
这种,直接在标签里设就好,控制起来挺方便。尤其适合做那种简单页面嵌入,比如产品页或者怀旧页面,配置好了直接丢上服务器就能用。
你要是用PHP
来动态输出路径,甚至还能做点小交互,比如换歌、切列表。配合JavaScript
还能监听播放状态,虽然老了点,但写起来不复杂,调试也快。
兼容性这块也考虑到了,IE 用<object>
,其他浏览器就走<embed>
,再配合application/x-mplayer2
或者application/x-oleobject
这类type
值,就能跑。虽说现在主流都用<audio>
了,但了解下老方案也不赖,是你要改老项目的时候。
建议你实际跑跑看,放几个.mp3
文件,改几个参数,看看效果,挺快就能上手。如果你有兴趣,也可以顺手看看QQ 音乐播放器源码,结构跟这边也有些类似。
1.93KB
文件大小:
评论区