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

2013 年 2 月 15 日
 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～
11034 次点击
所在节点    分享创造
44 条回复
paloalto
2013 年 2 月 16 日
我这边在 Firefox 中无法播放，点击歌曲名字无反应。firebug中也看不到网络请求。

Firefox 版本 18.0.2

Chrome正常。
SamZeng
2013 年 2 月 16 日
连续多次点击登陆表单上面的“黑圈”，发现表单乱了。可能就我无聊......
reorx
2013 年 2 月 16 日
@paloalto 这是因为 firefox 不支持 audio 标签的 mp3 播放，哎，我忘了交代了，多谢提醒～

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

@lossdante <3
qiukun
2013 年 2 月 16 日
@reorx sae 需要申请，秒申 http://python.sinaapp.com/apply
reorx
2013 年 2 月 16 日
@qiukun 谢谢，已申请，等待回复中。
@laoyuan 歌单很棒，符合我的口味～
xsmile
2013 年 2 月 16 日
有点意思！
felinx
2013 年 2 月 16 日
@reorx SAE上不能用Tornado的异步特性，在上面用Tornado几乎没有什么意义。
reorx
2013 年 2 月 17 日
@felinx 现在好像能用了，文档说 config.yaml 里 worker 设为 tornado 就可以了。不过它的 tornado 版本是 2.1.1，竟不能跟进最新。。

话说飞龙你怎么知道我这个项目用 tornado 写的，太神了！
reorx
2013 年 2 月 17 日
@felinx 我二了，一定是看了 Header > <
felinx
2013 年 2 月 17 日
@reorx 嘿嘿!
felinx
2013 年 2 月 17 日
@reorx 确实我有很久没有关注SAE的最新动态了，现在支不支持就不了解了。
supersheep
2013 年 2 月 17 日
设计的好赞。很想知道 api_proxy/fav_songs 这个接口是怎么抓的。以前自己也做过类似的事情，但是是抓html来分析的，这个看着不像啊，还拿了一些应用中没有用到的专辑封面歌词地址什么的，看着很像官方的感觉。是不是抓了app里的请求然后看到的？
reorx
2013 年 2 月 17 日
@supersheep sorry 回复晚了，今天一直在亲戚家。获取歌曲列表的接口就如它名字所说的那样，其实是对虾米已有接口的一个代理，返回数据也没有改动过。这样做是因为受跨域请求的限制，不然整个应用其实都可以是一个静态页面了。设计是偷 ipad 的音乐播放器，取色都是和它一样的呢。。其实前端代码写得很乱，明天把项目开源，还请多指教呀！
supersheep
2013 年 2 月 18 日
@reorx 期待
reorx
2013 年 2 月 18 日
@supersheep @pansafe 开了 https://github.com/reorx/xiamifav
supersheep
2013 年 2 月 21 日
赞！
haichong520
2013 年 2 月 25 日
貌似虾米音乐有做防盗链，请教一下楼主怎么越过防线的？
reorx
2013 年 2 月 25 日
@haichong520 虾米的音乐链接的确不能直接跨域加载，我也是误打误撞才发现，当去掉 Header 里的 referer 项时就能加载了，所以我把 audio 标签放在一个没有 src 的 iframe 里面，你懂的~
regent
2013 年 2 月 25 日
按钮太小了一点，ipad上面操作不够方便
reorx
2013 年 2 月 25 日
@regent 是说播放控制的按钮吗？的确小了点，主要是没有找到好的 icon，不过应该不影响操作的，如果你按下去不放就会发现，它的有效范围其实是个方形，高度和整个导航条是一样的。另外多谢提议，我会换个更显眼的 :)

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/60389

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX