V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhangdroid
V2EX  ›  分享创造

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

  •  
  •   zhangdroid ·
    zhangdroid · 2016-02-27 21:34:11 +08:00 · 4832 次点击
    这是一个创建于 3169 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    完成度还不是很高,先放出来求提意( tu )见( cao )。。。

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

    下载(目前只有 Mac 版):https://github.com/Zhangdroid/Gokotta/releases

    20 条回复    2016-03-14 14:18:29 +08:00
    fy
        1
    fy  
       2016-02-27 21:58:22 +08:00
    = = 为什么又是播放器,以前播放器都标榜自己音频技术如何如何,现在成了界面如何如何
    52lvqiang
        2
    52lvqiang  
       2016-02-27 22:03:28 +08:00
    只要美观轻巧,会火的,然而你这体积。。。
    zhangdroid
        3
    zhangdroid  
    OP
       2016-02-27 22:14:13 +08:00
    @fy 哈哈现在音频技术感觉已经比较成熟了,加上自己主要是做前端的,只能在外观方面下功夫了~
    zhangdroid
        4
    zhangdroid  
    OP
       2016-02-27 22:15:39 +08:00
    @52lvqiang 没办法用 electron 感觉 40MB 已经很难再小了,后面会再想想怎么减小体积的~
    hst001
        5
    hst001  
       2016-02-27 22:24:09 +08:00
    @52lvqiang 说实话,很少有人注意体积了,类似这种非游戏非大型应用,只要不是上 G ,我都不会去在乎体积这个东西
    d7101120120
        6
    d7101120120  
       2016-02-27 23:48:46 +08:00
    仅限 Mac 福利么。。。。。。
    wdhwg001
        7
    wdhwg001  
       2016-02-28 01:52:54 +08:00 via iPhone
    说句打击人的话,还不如撸 foobar2000 皮肤…
    可惜 j river 的皮肤功能太渣,启动速度也慢的离谱,白瞎了这么强的一个播放器…
    hx1997
        8
    hx1997  
       2016-02-28 02:11:13 +08:00
    好漂亮!可惜只有 Mac 版
    ch3x
        9
    ch3x  
       2016-02-28 02:13:54 +08:00
    看了一下仓库的技术栈,楼主很潮啊。 Vuex + IndexedDB + async/await 。有一个问题是 dependencies 和 devDependencies 要分清楚啊。
    fuermosi777
        10
    fuermosi777  
       2016-02-28 09:26:09 +08:00
    很好看啊
    ykqmain
        11
    ykqmain  
       2016-02-28 10:14:33 +08:00
    支持的格式呢
    ykqmain
        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 ,因为我的电脑中没有这个格式,没有测试。
    zhangdroid
        13
    zhangdroid  
    OP
       2016-02-28 10:32:04 +08:00
    @d7101120120 @hx1997 windows 下还有些问题, Linux 还没来得及试,很快都会支持的~
    zhangdroid
        14
    zhangdroid  
    OP
       2016-02-28 10:33:39 +08:00
    @wdhwg001 实用角度确实不如撸个皮肤,但撸这个主要是为了实践下自己最近学的东西。。。
    zhangdroid
        15
    zhangdroid  
    OP
       2016-02-28 10:37:27 +08:00
    @ch3x 嗯嗯,最开始用的是 https://github.com/gaoqiankun/electron-vue-webpack-boilerplate 这里的模版,它代码里在打包时把 dependencies 里的都打进去了,所以要求都写在 devDependencies 里。不过我没用到第三方原生的 node 模块,就直接整个把 node_modules 排除了。刚刚已经改正确了~
    zhangdroid
        16
    zhangdroid  
    OP
       2016-02-28 10:46:21 +08:00
    @ykqmain 目前只支持 HTML5 Audio 支持的 mp3 , aac 和 wav 。问下是下载的打包好的还是直接从源码安装的?如果是从源码安装的就会有这些问题:播不了是因为文件路径问题,退出报错是因为这里: https://github.com/Zhangdroid/Gokotta/blob/master/src/components/App.vue#L30-L34 在 will-quit 时保存一下当前的状态,然而报错具体原因还不清楚。打包好的版本应该没有这些问题~
    zhangdroid
        17
    zhangdroid  
    OP
       2016-02-28 10:50:03 +08:00
    @ykqmain 好吧看错了你下的应该是打包好的版本。。。。。应该是格式的问题 TAT ,后面会通过第三方库支持更多格式的~
    anthonyeef
        18
    anthonyeef  
       2016-02-28 19:27:56 +08:00
    README 里头那句
    Do not use it in real life.

    感觉只有在虚拟人生里才敢试用……
    zhangdroid
        19
    zhangdroid  
    OP
       2016-02-28 21:17:35 +08:00
    @anthonyeef 哈哈英语太渣😂😂
    lizwww
        20
    lizwww  
       2016-03-14 14:18:29 +08:00
    打开后是这样子
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1239 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 23:11 · PVG 07:11 · LAX 16:11 · JFK 19:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.