豆瓣电台 for Chrome

[fanzeyi]

(个人名义作品，非官方)

插件地址： https://zr.is/kaname

系统要求：

* Windows
* Mac OS X (Chrome Beta 版可获得最佳体验，目前最新的 Stable 仅是“支持”)

Chrome 版本 >= 28 即最新的 Stable 版。

(即不支持 Linux, 预计 Chrome 发布 v30 的时候会支持)

预览图：





如果是 OS X 并且是 Chrome Beta 用户，可以在 chrome://flags/ 里开启 Enable packaged app shortcuts chrome://flags/#enable-app-shims 来将其作为一个独立应用使用。

目前 Mac 版尚不提供关闭按钮，请使用 Command + W 关闭应用。（因为暂时画不出来合适的关闭按钮...）

项目 Trello: https://trello.com/b/Lz8Ia3ds/

欢迎各种 Comment & Vote

[mofan]

非常棒，即使是 stable 版，同样推荐

[fanzeyi]

@mofan 多谢 :)

[jedyu]

赞

[flied]

必须输入账户和密码才能使用，没敢用。

豆瓣不支持第三方登录调用吗？

[fanzeyi]

@flied 这个是 Chrome 的限制，Packaged App 无法引导用户到第三方授权页面(不能给用户转向到任何网络上的资源，包括图片都不能直接调用[1])，登录这边用的是豆瓣的 xAuth 接口，请放心 :)

[1] http://developer.chrome.com/apps/app_deprecated.html

P.S. 豆瓣现在任何非 API 登录都是需要验证码的

[lizheming]

@fanzeyi 豆瓣有xAuth了？

[fanzeyi]

@lizheming 没有，内部通道。

[fanzeyi]

@lizheming 啊，我指没有公开的 xAuth 接口。

[lizheming]

@fanzeyi 用户登录这个是接口的基本了吧，这个都没公开还就还算是内部了吧..所以现在也还不能申请咯？

[fanzeyi]

@lizheming

1. 不能申请。
2. 基本的是 OAuth 2.0 。

[lizheming]

@fanzeyi 嗯哪，了解！

[tomyiyun]

Win8 + Chrome 28stable 有几个像素的垂直滚动空白，是因为Chrome版本不够么？

[fanzeyi]

@tomyiyun 啊，没有，是因为我没测~_~ 手边没 Windows .. 回头找个 Windows 试试

[twtww]

@fanzeyi @tomyiyun 我在 Windows 里也遇到了滚动空白的问题，给 body 加上了 background-attachment: fixed; 就可以了...不知道是不是正确的解决方法...

[chuangbo]

好棒

[Aoun]

没音量调节不姓福

[little_cup]

题主的壁纸是？

[fanzeyi]

@little_cup http://d.pr/i/jRI

以及这里不是知乎，不是题主 :P

[little_cup]

@fanzeyi 非常感谢……知乎上多了……

[little_cup]

@fanzeyi 发现如果在Chrome设置里缩放了字体（比如我平时喜欢调成125%）的话，会成这样：

[tyhunter]

好清新的设计~

[fanzeyi]

@little_cup 多谢反馈，我研究研究怎么修..

[martinsu]

域名好

[chmlai]

很不错, 用的flash还是html5来播的?
另外不是OAuth确实让人有点顾忌.

[fanzeyi]

@chmlai 用 HTML5 播的，如果还用 Flash 我就没做这个 App 的意义了..

对于 OAuth 只能等 Chrome 发布 30 stable 的时候才差不多可以做... (需要用到的 API 都还没有进稳定版..)

[SoberZhou]

不错不错！

[ytzong]

体验不错
个人不太喜欢那个设置最后抖几下的动画

[yexiaoxing]

我看到有webview，不知道能不能通过webview指向oauth页面，然后postmessage返回oauth结果？

[fanzeyi]

@yexiaoxing 目前的 Stable 不提供 webview ，我不想把这个 App 的最小要求版本写到 29 （目前 Beta）。

以及 29 对于它的支持也不完善，并且其实 Chrome 给了一套 identify 的 OAuth2 接口，同样是 29 或者 30 才会有，目前这些接口的状态只能说是「有文档没实现」。

[chmlai]

没有音量调节, 这个很重要的啊.

[fanzeyi]

@Aoun
@chmlai

音量调节不会有，将来也不会有 ;)

[Muninn]

冒昧在没安装之前问一句，支持pro吗
官方的那些客户端都不支持，太郁闷了。

[yexiaoxing]

@fanzeyi 我看到了webview是 Available in Chrome 25 or later，我还以为可用呢~
不错的应用~

[JoyNeop]

我不知道豆瓣电台相对于 iTunes 有什么竞争力。。。

[Muninn]

@JoyNeop 积攒了很多年的个人曲库啊。。。

[fanzeyi]

@Muninn 支持〜

@yexiaoxing 应该不是一份文档... Packaged App 是 27 左右才提供的。

[yexiaoxing]

@fanzeyi 我是从 http://developer.chrome.com/apps/webview_tag.html 这儿看到的
Use the webview tag to actively load live content from the web over the network and embed it in your packaged app.

[greatghoul]

坐等 Chrome 30+

[favormm]

楼主是豆瓣的人？

[fanzeyi]

@favormm 在豆瓣实习而已，谈不上豆瓣的人 :)

[udonmai]

好顶赞~

[verdana]

悲剧，用不了，输入框无法输入，Login按钮不能点击... 好像被什么挡住一样。
另外关掉以后，再也打不开了，必须关掉 Chrome 才能再次打开。

Win8.1 / Chrome 29

[fanzeyi]

@verdana 没有普通窗口的 最大化最小化关闭 按钮么？

[baitouwei]

我要全局快捷键！！！

[wenLiangcan]

坐等支持 Linux =。=

[verdana]

@fanzeyi 有... 窗口可以正常关闭和最小化，问题是无法输入 EMAIL / PASSWORD

[ibolee]

这和网页版有啥区别？网页版打开就能听，装一个douban hank能下载歌。如果把简单的事情复杂化，那肯定不是一个好产品。

[bcxx]

@ibolee 这是 html 5 的……

[ibolee]

技术是为了让复杂的事情变简单，如果技术让简单的事情变复杂，而得到的回报并不理想，那么这个产品是失败的。

想起一句话：人家欧洲人花了5000年时间从葡萄酒里提取了糖，做成干红；你这一兑雪碧，又回去了。@bcxx

建议LZ的开发角度在于让doubanFM更强大，比如：豆瓣FM-Hacker（我能从这里下载到豆瓣的歌，拿到二维码扫到我的手机里）

而不是牺牲自己的工作生活时间换一个豆瓣fm的听歌形式，这样的话，大家只是玩玩新鲜罢了。

[fanzeyi]

@ibolee 如果你是 PM ，爱去哪儿玩去哪儿玩，这里不适合你。

如果你是程序员，请拿出一点干货来让别人看看你是否有资格去评价别人。

请看清这个节点右边写的话 「爱意满满的作品展示区。」

是「作品」不是「产品」。

已经拉黑你，最后送你一个字「滚」。

[fanzeyi]

@bcxx 这样的人根本不明白什么是 HTML5 什么是 Flash 以及这些有什么意义，解释如同对牛弹琴的。

[fanzeyi]

@verdana 可能是平台判断出问题了，可以把你的 User-Agent 发给我么？

[chmlai]

PM很拉仇恨啊

[fanzeyi]

@chmlai 能够理解程序员想法的 PM 才是好 PM （指处事上不是能力上），最近遇到的 PM 都非常 nice 的。 ^^

[bcxx]

@ibolee 噗……这理解能力（开口产品闭口产品 lol

面对这样的伸手党只能偷笑了 （求别战啊，已 block 了啊


@fanzeyi 没想到你比我开喷得更快啊…… orz

[verdana]

@fanzeyi

Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36

[fanzeyi]

@verdana got，多谢，我这几天在虚拟机里装个 Windows 8 试试。

[flynngao]

就凭着god message 赞一个，求交流

[qdcanyun]

支持 很漂亮很赞的界面
@ibolee 请互B.....

[Croath]

为了用这个东西又打开了Chrome一次

[ibolee]

@fanzeyi

1.我不是PM，就是个普通mac用户；
2.我的评论对事不对人，请你也要客观的论事，不要有人生攻击；
3.我回复你的原因是讨论问题，讨论后我会圆润滚开。
解释：我理解技术达人们在此付出了很多心血和努力，我的否定可能会令朋友们产生不快，但我相信我这种意见认真分析后，你只会开发出更好的产品来。（如果亲觉得现在就是最好，可以无视这条。）

[ibolee]

任何新技术的意义都是为了方便用户和让用户体验度更好，即使是HTML6出来了也肯定是遵循前述。追求八股文式的概念技术有可能是我们的惯性思维导致的。

@fanzeyi 我承认你的插件做的很漂亮，而且很炫，只是有一事不明，请教：

豆瓣电台网页:我这个普通用户打开豆瓣fm，输入网址:douban.fm 不到三秒就能听歌，而且换台，分享操作极其简单。

咱们的插件:我装上chrome插件，很炫，很好看。而且还能登last.fm；但（last.fm听歌收费而且卡，我是不爱用，不知道别人如何）但是我为了听这歌我需要重新研究如何换台，能不能下歌，如何分享，分享到哪里，如何打开正常网页左侧的一些小众电台等等问题。

解决这些问题需要花时间精力。（对于赚着白菜钱操着卖白粉的心的我，实际上没那个精力和时间）

然而，还有一点咱们没忽略：bug

这个插件可能还会存在种种bug和使用上的不流畅，还有待被发现。

所以，我还是觉得这个插件是个玩票的插件，用户玩玩新鲜罢了。

不过这个插件和我的意见终将会帮助LZ开发出更好的东东来。

如上长篇大论参见V2EX精神，没明确书文，一切皆在心中。业不精，只是说出了自己的真实感受和实话。欢迎讨论问题的拍砖。

[hit9]

大赞！

[imikay]

@ibolee 大哥，人家只是想做个东西，有这么复杂嘛，作者做的原因很简单：我想做，然后做了。技术就不能拿来娱乐下自己吗？非得这么功利的来愉悦用户？

[lesswest]

chrome 29今天发布啦

[fanzeyi]

@lesswest 开了 28 试着更新了下提示 28 是最新，Chrome Blog 和 Google+ Chrome Page 和 Google Chrome Twitter 都没有提到有更新的样子，所以来源是？

[lizheming]

@ibolee ORZ，估计饭团是不会回你的了，我还是好心的回答一下吧。
身为MAC用户，难道不知道 Flash在MAC上会发热死星人么？？！虽然我不是MAC用户，但是这点我还是知道的...
这个是饭团做这个东西最大的初衷好么！先明白作者做这个东西的意图再吐槽好么..
至于Last.fm，做了一个东西，连自己想要用的功能都没有，那还算在做东西么！你不用不代表全世界的人民不用...

[bitsmix]

@fanzeyi ota 我也没成功，官网下载过来的。

[lizheming]

@fanzeyi @bitsmix 看你们都说没升级成功..然后我去看了下我的..表示鸭梨不大啊...

[bitsmix]

@lizheming 看来你那里网络比较好 LOL

[lizheming]

@bitsmix 校园网，破网络，战五渣，充满各种墙和负能量！

[emanonwzy]

@ibolee 我觉得你想的太多了
而且“不过这个插件和我的意见终将会帮助LZ开发出更好的东东来。”这句话怎么听着这么别扭，一般没有这么夸自己的吧

[joby]

能响应没体检么?next,pause,play...etc.

[joby]

媒体键。

[fanzeyi]

@bitsmix 似乎 Mac 的还没更新出来，估计也就这几天了吧。

@joby 这个暂时支持不了，因为 Chrome 本身的限制，找到解决方案的话我会第一时间加上！

[joby]

@ibolee 我是@fanzeyi 可能比较厌恶的PM...
我来说下，有时候做个小东西，可能just for fun~楼主也说了。是作品，不是产品，不用考虑回报的问题。楼主自己做地开心，有人用的开心即可。此是其一。

另外，作为mac用户，我个人也不太喜欢使用web+flash的方式来听歌，做一件事。mac上设计精美的nativ app（或者体验类似），会让人用起来很愉悦。你就说QQ吧，你用个WEB QQ啥的也能聊天，但是QQ.app让人用的更愉快。

现在已不是拼功能的时代，而是体验。比如听歌这事：QQ，百度，网易... 大家都一样的功能。但是你选择了豆瓣。

————————

OK，上面是吧啦吧啦这个事情，第二个事情，有个文章叫《请别打扰别人的幸福》
——人参如此艰难，有点小幸福的事情，你就别打扰了。你没进来，你不懂。











上学时，一个女同学趁小长假到外地与男朋友小聚。听说她是坐了二十几个小时的硬座去的，同学忍不住说了句：我要是她男朋友一定给她买卧铺！

没想到此话传到该同学耳朵里，让她很难受。虽然幸福要靠每个人自己心理调节，但是自己也要学会不去惊扰别人的幸福。

路边有一地摊，摆地摊的是一个中年女人。一个中年男人骑着自行车过来送饭。他一下车，就谦意地笑道，对不起，来迟了，饿了吧？

女人抬起头，看到男人，眼睛里闪过一丝亮色，笑道，不急，还早呢。男人憨憨地笑笑，从自行车车篓里拿出饭盒，坐在女人身边，说道，快吃吧，不要凉了，我陪你一起吃。

这时，地摊前走来了一个中年大嫂，她将头伸向女人的盒饭里，发出惊讶地叫声，哎呀，我的大妹子啊，你可真苦啊，你吃的这是什么菜啊，一点油水也没有，这怎么能吃的下去啊。说罢，嘴里还不住地发出啧啧叹气声，脸上露出讥讽的神色，扭着肥胖的身子走开了。

女人端着手中的盒饭，愣愣地望着胖女人的背影，眼睛里噙满了泪花，那眼泪叭嗒叭嗒地滴落到手中的盒饭里。身旁的男人眼圈也红红的，捧在手里的盒饭，再也没有情趣吃上一口了。周遭的气氛仿佛顿时凝固了似的，让人透不过气来。

儿于考上了大学，虽然是一个普通的大学，但是全家人依然感到很快乐很幸福，一点没有感觉到有什么遗憾的。父亲对儿子说，儿子，你比你爸和老妈都有出息了。我只上了小学三年级，你妈才小学毕业，你在我们家可就是状元了。儿子羞涩地笑了。笑的很甜、很舒心。

全家人带着一种幸福和喜悦的心情，送儿子到车站上学去了。突然，有人拍了他一下肩膀。他一看，原来是自己的一个熟人，也来送儿子去上学。熟人问，你儿子考上什么大学？ 他刚说出校名，熟人脸上立刻露出惊讶的神色，说道，你儿子考的这是什么个大学？那个大学上了也白上，那个大学毕业的学生根本找不到工作。我儿子可比你儿子强多了，他考的可是名牌的大学，毕业了，人家单位都抢着要，月薪最少八千块啦。熟人的脸上露出轻蔑的神色，说罢转身走了。

他们望着熟人一家远去的背影，目光一下子黯淡了下来。刚才一家人的幸福和甜蜜，被熟人叽里呱啦一阵连珠炮似的自问自答，荡然无存，心，从火热降到冰点。再看帅气的儿子，眼睛里也噙满了晶莹的泪花。

不要打扰他人的幸福，幸福也是一个人的隐私。在你眼中看的是一种苦难，在别人的心里也许正是一种幸福。这种幸福，无关荣华富贵、无关名誉地位，有关的，只是一种心灵感应和默契。这种幸福，像花儿开放一样，悄无声息，但却将馨香，在彼此心田里缠绵、涟漪，化作了生命中的一种永恒和地久天长。

[fanzeyi]

@joby 多谢，我并不讨厌 PM 这个群体，只是某些人的行为让我想起来了一个我很讨厌的 PM :)

[lizheming]

@joby 我擦，同鞋你讲的这两点我不能同意更多啊!!!!特别是第二点!怒赞一个先!!!!

[lizheming]

@joby ..擦， iPad 好像没法点感谢⋯

[seeker]

又见1个hater。

人家折个纸飞机，分享给大家，图个乐。
你非在那边问：别人已经有纸飞机了，用了你的纸飞机有什么好处？你的纸飞机能给人类带来多少贡献？你的纸飞机有bug怎么办？(虽然他可能对你的纸飞机一无所知)。

真-找骂

[phuslu]

是的，a hater & troller, 我也来 block 表示一下态度。

[ibolee]

@joby 感谢回复，已认真拜读。

[chmlai]

不知道能不能加入快捷键支持

[fanzeyi]

@chmlai 在做，只是做不到全局快捷键这个地步 :)

[wateerfly]

能不能实现win下窗口置顶

[gindis]

非常棒，代码可以放github上供大家学习吗 哈哈

[fanzeyi]

@wateerfly 应该是可以实现的，不过不是很确定，只是 Google 的扩展有这样的行为我觉得说不定也可以实现。

@gindis 多谢喜欢，不过因为用了一些 API 不方便放出来，请谅解，我也在考虑如何在避免 API 暴露的情况下放出来代码 ;)

[Yuguo]

话说好像登录不上

[fanzeyi]

@Yuguo 在 about:flags 里把 Native Client GDB-based debugging 关掉...

(为什么这么多人这个都是开着的状态)

[fanzeyi]

@gindis 已部分开源，地址： https://github.com/fanzeyi/kaname

未开源部分：

- 获取豆瓣电台播放列表部分 (涉及到豆瓣 FM 的 API)
- 登录部分 (涉及到未公开的 xAuth API 使用方法)
- Native Client 部分 (`/plugins` 目录下的 C 代码，因为这部分是负责登录时的签名算法，不能公开)

以上见谅 :)

[fanzeyi]

@gindis 目前代码比较乱，最近会整理一下，我这也是刚给转换成 RequireJS 以便分拆代码..

[lesswest]

@fanzeyi 跟你说那一天，就是Mac更新好之后说的

[fanzeyi]

@lesswest 呃，估计当时是还没全部发布... ~_~ 抱歉了

[qiufeng]

新版本选HZ比较困难- -旧版好啊

[fanzeyi]

@qiufeng 呃? 新版?

[qiufeng]

@fanzeyi 是啊- -重装了chrome后发现下面没有HZ选项了 只有上面可以选HZ

[fanzeyi]

@qiufeng 上面？ 发个截图看看?

[qiufeng]

@fanzeyi http://v2.freep.cn/3tb_131014164855er26512293.jpg

[fanzeyi]

@qiufeng ...这不是新版..

你在 Chrome 里设置缩放了吧... 这个 App 不支持缩放。

[qiufeng]

@fanzeyi 原来如此！！谢谢啦