寒假没事用 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
|