这是一个创建于 3225 天前的主题，其中的信息可能已经有所发展或是发生改变。
寒假没事用 Electron 和 Vue 撸了个音乐播放器
基本的功能差不多都有了，支持桌面通知、全局快捷键，整体颜色会随专辑封面改变。
完成度还不是很高，先放出来求提意（ tu ）见（ cao ）。。。
地址：https://github.com/Zhangdroid/Gokotta
下载（目前只有 Mac 版）：https://github.com/Zhangdroid/Gokotta/releases
 |
1
fy 2016-02-27 21:58:22 +08:00
= = 为什么又是播放器，以前播放器都标榜自己音频技术如何如何，现在成了界面如何如何
|
 |
2
52lvqiang 2016-02-27 22:03:28 +08:00
只要美观轻巧，会火的，然而你这体积。。。
|
 |
3
zhangdroid OP @fy 哈哈现在音频技术感觉已经比较成熟了，加上自己主要是做前端的，只能在外观方面下功夫了～
|
|
4
zhangdroid OP @52lvqiang 没办法用 electron 感觉 40MB 已经很难再小了，后面会再想想怎么减小体积的～
|
 |
6
d7101120120 2016-02-27 23:48:46 +08:00
仅限 Mac 福利么。。。。。。
|
 |
7
wdhwg001 2016-02-28 01:52:54 +08:00 via iPhone
说句打击人的话，还不如撸 foobar2000 皮肤…
可惜 j river 的皮肤功能太渣，启动速度也慢的离谱，白瞎了这么强的一个播放器… |
 |
8
hx1997 2016-02-28 02:11:13 +08:00
好漂亮！可惜只有 Mac 版
|
 |
9
ch3x 2016-02-28 02:13:54 +08:00
看了一下仓库的技术栈，楼主很潮啊。 Vuex + IndexedDB + async/await 。有一个问题是 dependencies 和 devDependencies 要分清楚啊。
|
 |
10
fuermosi777 2016-02-28 09:26:09 +08:00
很好看啊
|
 |
11
ykqmain 2016-02-28 10:14:33 +08:00
支持的格式呢
|
|
12
ykqmain 2016-02-28 10:27:34 +08:00
试了一下，首先需要打开安全中的那个 anywhere
将 m4r 拖进去，无效。 将 m4a 拖进去，显示如下  点播放没有反应，按 cmd ＋ Q ，显示如下  将 mp3 拖进去，正常播放  但是，按 cmd ＋ Q 时，仍然有那个 javascript error 在程序内点 add ， 添加一个音乐文件夹，里面有 m4r ， m4a ， mp3 三种格式，最后是这样的  界面真的是非常漂亮的，希望支持更多的格式，比如 flac ，因为我的电脑中没有这个格式，没有测试。 |
|
13
zhangdroid OP @d7101120120 @hx1997 windows 下还有些问题， Linux 还没来得及试，很快都会支持的～
|
|
14
zhangdroid OP @wdhwg001 实用角度确实不如撸个皮肤，但撸这个主要是为了实践下自己最近学的东西。。。
|
|
15
zhangdroid OP @ch3x 嗯嗯，最开始用的是 https://github.com/gaoqiankun/electron-vue-webpack-boilerplate 这里的模版，它代码里在打包时把 dependencies 里的都打进去了，所以要求都写在 devDependencies 里。不过我没用到第三方原生的 node 模块，就直接整个把 node_modules 排除了。刚刚已经改正确了～
|
|
16
zhangdroid OP @ykqmain 目前只支持 HTML5 Audio 支持的 mp3 ， aac 和 wav 。问下是下载的打包好的还是直接从源码安装的？如果是从源码安装的就会有这些问题：播不了是因为文件路径问题，退出报错是因为这里： https://github.com/Zhangdroid/Gokotta/blob/master/src/components/App.vue#L30-L34 在 will-quit 时保存一下当前的状态，然而报错具体原因还不清楚。打包好的版本应该没有这些问题～
|
|
17
zhangdroid OP @ykqmain 好吧看错了你下的应该是打包好的版本。。。。。应该是格式的问题 TAT ，后面会通过第三方库支持更多格式的～
|
 |
18
anthonyeef 2016-02-28 19:27:56 +08:00
README 里头那句
Do not use it in real life. 感觉只有在虚拟人生里才敢试用…… |
|
19
zhangdroid OP @anthonyeef 哈哈英语太渣😂😂
|
 |
20
lizwww 2016-03-14 14:18:29 +08:00
打开后是这样子
 |
Select Language