新年福利 xiamifav - HTML5 虾米音乐播放器

[reorx]

实在不能忍受在 ipad 上用 xiami 的 iphone 客户端，于是做了这样一个小应用：

http://xiami.reorx.com

其实就是播放你的音乐库里的所以歌曲啦。

输入你的虾米 uid 就可以使用，uid 在 “我的虾米” 页面的 url 中，比如我的： http://www.xiami.com/u/932367 ，932367 就是 uid。

也可以将你的播放列表分享给其他人，加一个 user_id 参数就行：

http://xiami.reorx.com/?user_id=932367

现在部署在 heroku 上，貌似速度有点慢，改天放到 duapp 上好了。

另外，只在 ipad 上测试了，iphone 不知道效果如何，有问题大家找我反馈呀。

enjoy～

[paloalto]

我这边在 Firefox 中无法播放，点击歌曲名字无反应。firebug中也看不到网络请求。

Firefox 版本 18.0.2

Chrome正常。

[SamZeng]

连续多次点击登陆表单上面的“黑圈”，发现表单乱了。可能就我无聊......

[reorx]

@paloalto 这是因为 firefox 不支持 audio 标签的 mp3 播放，哎，我忘了交代了，多谢提醒～

@pansafe 等代码整理好就开源。

@lossdante <3

[qiukun]

@reorx sae 需要申请，秒申 http://python.sinaapp.com/apply

[reorx]

@qiukun 谢谢，已申请，等待回复中。
@laoyuan 歌单很棒，符合我的口味～

[xsmile]

有点意思！

[felinx]

@reorx SAE上不能用Tornado的异步特性，在上面用Tornado几乎没有什么意义。

[reorx]

@felinx 现在好像能用了，文档说 config.yaml 里 worker 设为 tornado 就可以了。不过它的 tornado 版本是 2.1.1，竟不能跟进最新。。

话说飞龙你怎么知道我这个项目用 tornado 写的，太神了！

[reorx]

@felinx 我二了，一定是看了 Header > <

[felinx]

@reorx 嘿嘿!

[felinx]

@reorx 确实我有很久没有关注SAE的最新动态了，现在支不支持就不了解了。

[supersheep]

设计的好赞。很想知道 api_proxy/fav_songs 这个接口是怎么抓的。以前自己也做过类似的事情，但是是抓html来分析的，这个看着不像啊，还拿了一些应用中没有用到的专辑封面歌词地址什么的，看着很像官方的感觉。是不是抓了app里的请求然后看到的？

[reorx]

@supersheep sorry 回复晚了，今天一直在亲戚家。获取歌曲列表的接口就如它名字所说的那样，其实是对虾米已有接口的一个代理，返回数据也没有改动过。这样做是因为受跨域请求的限制，不然整个应用其实都可以是一个静态页面了。设计是偷 ipad 的音乐播放器，取色都是和它一样的呢。。其实前端代码写得很乱，明天把项目开源，还请多指教呀！

[supersheep]

@reorx 期待

[reorx]

@supersheep @pansafe 开了 https://github.com/reorx/xiamifav

[supersheep]

赞！

[haichong520]

貌似虾米音乐有做防盗链，请教一下楼主怎么越过防线的？

[reorx]

@haichong520 虾米的音乐链接的确不能直接跨域加载，我也是误打误撞才发现，当去掉 Header 里的 referer 项时就能加载了，所以我把 audio 标签放在一个没有 src 的 iframe 里面，你懂的~

[regent]

按钮太小了一点，ipad上面操作不够方便

[reorx]

@regent 是说播放控制的按钮吗？的确小了点，主要是没有找到好的 icon，不过应该不影响操作的，如果你按下去不放就会发现，它的有效范围其实是个方形，高度和整个导航条是一样的。另外多谢提议，我会换个更显眼的 :)