html5中播放本地音乐播放器,首款HTML5播放器 支持浏览器内播放本地音乐

1af9c243085dd4e8cd8ff1bb09e5d2e0.png

虽然相比传统的音乐播放软件,这个音乐播放页面的功能还太过简单,不过能在浏览器内播放本地音乐不是很酷吗?而且顺应了时代大潮。其用法很简单,如果你的浏览器支持HTML5,那么只需点击这个网址(http://antimatter15.github.com/player/player.html),然后选择某个包含音乐的文件夹即可。

该页面会快速建立该文件内所有音乐的索引,在页面左侧列出,包括歌曲名、歌手、专辑、音乐类别,右侧灰色区域是相当于播放列表,你可以从左侧的文件库中点击选取想要听的歌曲,它就会循环播放这个播放列表了。

acb93df27eb87ddc1d7724e00d26a0b6.png

如果文件夹中的音乐条目很多,你还可以点击上方的“filter library”,它会变成一个搜索框,方便你在其中搜索歌曲。

e540c8f63c3d22e8c2aa10ce953328e0.png

播放列表下方有两个选项,Shuffle和Clear,你可以用来对播放列表重新排序,或是清空播放列表。

神奇的是,你还可以直接Ctrl+S(苹果机用cmd+s)快捷键将这个网页保存到桌面上,今后就可以在离线模式下工作,就像一个真正的音乐播放器。不过这个播放器当前还只支持MP3和OGG格式音乐文件。

这个页面是一款知名的Firefox

4插件drag2up的开发人员所开发,只要支持HTML5的浏览器都可以播放。有测试人员表示,Chrome效果最好,Firefox也可以使用。但是

笔者自己的试用体验是,Chrome表现最佳,但是IE9、Opera 11.01、Firefox 4都无法使用该页面正常播放音乐。

大家不妨也试用一下,顺便可以“测测”自己的浏览器能不能支持HTML5。

c9428f2e1dc5afadcb331fc3019460b3.png

Firefox 4

c3cf92384f611c28443c7a40d595f220.png

Firefox 4

222626b1e526d17ac3316a5181cb677e.png

Opera 11.01

d2efa879886861d8c1f69bb724a7c050.png

Opera 11.01

006380382e077a90ebeb71f560e90990.png

IE9

135e04c9ccc1bf19b747dbc7510f7819.png

IE9

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值