Gokotta － 又一个音乐播放器轮子

[zhangdroid]

寒假没事用 Electron 和 Vue 撸了个音乐播放器

基本的功能差不多都有了，支持桌面通知、全局快捷键，整体颜色会随专辑封面改变。

完成度还不是很高，先放出来求提意（ tu ）见（ cao ）。。。

地址：https://github.com/Zhangdroid/Gokotta

下载（目前只有 Mac 版）：https://github.com/Zhangdroid/Gokotta/releases

[fy]

= = 为什么又是播放器，以前播放器都标榜自己音频技术如何如何，现在成了界面如何如何

[52lvqiang]

只要美观轻巧，会火的，然而你这体积。。。

[zhangdroid]

@fy 哈哈现在音频技术感觉已经比较成熟了，加上自己主要是做前端的，只能在外观方面下功夫了～

[zhangdroid]

@52lvqiang 没办法用 electron 感觉 40MB 已经很难再小了，后面会再想想怎么减小体积的～

[hst001]

@52lvqiang 说实话，很少有人注意体积了，类似这种非游戏非大型应用，只要不是上 G ，我都不会去在乎体积这个东西

[d7101120120]

仅限 Mac 福利么。。。。。。

[wdhwg001]

说句打击人的话，还不如撸 foobar2000 皮肤…
可惜 j river 的皮肤功能太渣，启动速度也慢的离谱，白瞎了这么强的一个播放器…

[hx1997]

好漂亮！可惜只有 Mac 版

[ch3x]

看了一下仓库的技术栈，楼主很潮啊。 Vuex + IndexedDB + async/await 。有一个问题是 dependencies 和 devDependencies 要分清楚啊。

[fuermosi777]

很好看啊

[ykqmain]

支持的格式呢

[ykqmain]

试了一下，首先需要打开安全中的那个 anywhere

将 m4r 拖进去，无效。
将 m4a 拖进去，显示如下


点播放没有反应，按 cmd ＋ Q ，显示如下


将 mp3 拖进去，正常播放


但是，按 cmd ＋ Q 时，仍然有那个 javascript error

在程序内点 add ， 添加一个音乐文件夹，里面有 m4r ， m4a ， mp3 三种格式，最后是这样的


界面真的是非常漂亮的，希望支持更多的格式，比如 flac ，因为我的电脑中没有这个格式，没有测试。

[zhangdroid]

@d7101120120 @hx1997 windows 下还有些问题， Linux 还没来得及试，很快都会支持的～

[zhangdroid]

@wdhwg001 实用角度确实不如撸个皮肤，但撸这个主要是为了实践下自己最近学的东西。。。

[zhangdroid]

@ch3x 嗯嗯，最开始用的是 https://github.com/gaoqiankun/electron-vue-webpack-boilerplate 这里的模版，它代码里在打包时把 dependencies 里的都打进去了，所以要求都写在 devDependencies 里。不过我没用到第三方原生的 node 模块，就直接整个把 node_modules 排除了。刚刚已经改正确了～

[zhangdroid]

@ykqmain 目前只支持 HTML5 Audio 支持的 mp3 ， aac 和 wav 。问下是下载的打包好的还是直接从源码安装的？如果是从源码安装的就会有这些问题：播不了是因为文件路径问题，退出报错是因为这里： https://github.com/Zhangdroid/Gokotta/blob/master/src/components/App.vue#L30-L34 在 will-quit 时保存一下当前的状态，然而报错具体原因还不清楚。打包好的版本应该没有这些问题～

[zhangdroid]

@ykqmain 好吧看错了你下的应该是打包好的版本。。。。。应该是格式的问题 TAT ，后面会通过第三方库支持更多格式的～

[anthonyeef]

README 里头那句
Do not use it in real life.

感觉只有在虚拟人生里才敢试用……

[zhangdroid]

@anthonyeef 哈哈英语太渣😂😂

[lizwww]

打开后是这样子