Chord 弦 : 一个现代的音乐播放器 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
PeterD
V2EX    分享创造

Chord 弦 : 一个现代的音乐播放器

  •  
  •   PeterD
    PeterDing 2018-12-07 08:40:04 +08:00 7950 次点击
    这是一个创建于 2501 天前的主题,其中的信息可能已经有所发展或是发生改变。

    弦提供很多音乐服务商的服务,也支持本地音乐文件的播放(开发中)。

    弦使用 spotify UI 的框架。

    Github

    下载最新版本

    更多界面截屏


    我想写一个交互人性,UI 简洁的音乐播放器。希望它专注于资源的整合(音乐,播客,有声书等等), 同时也兼顾易用性,如果也能提供像煎蛋那样的用户互动功能(ooxx)就更好了。 如果用户不需要为不同来源的数据而去频繁地换 app,用户喜欢的所有资源都像在本地数据库一样,方便地组织, 同时用户的行为也可以同步到源数据网站,那不是很不错的事情吗。

    Chord 是出于以上目的写的,是一个探索性的尝试。目前的 v0.1.0 版本只完成了一些基本的功能, 还有很多的功能待完成(像推荐歌曲的显示就要到下一版才能完成),但日常使用应该没有太大的问题。

    如果你是开发者,和我有相同的想法,很欢迎提出产品的建议,更欢迎贡献代码 ;)

    Logo 现在还没有设计,用的是 electron 默认的。如果你有 Logo 的设计想法,很欢迎你提供设计作品

    UI 设计用了 spotify web 的
    欢迎吐槽~~

    特性

    • 支持 虾米, 网易云音乐, 腾讯(QQ)音乐
    • 支持功能:
      搜索
      播放 (随机播放, 重复播放)
      展示艺人,专辑,歌单,用户详细界面
    • 支持高品质音频文件 (kbps >= 320)
      获得网易云音乐的高品质音频文件需要登录,并且登录用户要是 vip
    • 支持音乐服务商的登录
    • 添加 /移除音乐对象的动作与原站同步
    • 保存喜欢的音乐到本地音乐库
    • 播放器的基本功能

    待做

    • 参数设置
    • 显示更多的关于歌,艺人,专辑,歌单的信息
    • 创建自定义歌单
    • 推荐歌曲界面
    • 音乐类型导航
    • 新发行音乐的界面
    • 添加 /删除 本地音乐文件
    • 下载器
    • 歌词界面
    • 多国语言
    • 更多的测试

    界面截屏

    • 搜索

    search

    • 搜索结果

    search_detail

    • 播放列表

    player

    • 搜索出的专辑

    search_album

    • 专辑详情

    album_detail

    • 艺人页面

    artist

    • 本地曲库

    library

    • 登录

    login

    第 1 条附言    2018-12-07 11:26:46 +08:00

    对于需要付费和无版权不能播放歌曲的歌曲,现在还没有做弹出提示,下一版会做,所以目前播放时可能会出现部分歌曲播放不了的情况,或是不能播放专辑/歌单中所有的歌。

    49 条回复    2019-05-14 11:22:51 +08:00
    sunnyadamm
        1
    sunnyadamm  
       2018-12-07 08:42:51 +08:00
    看起来不错
    TheGooooooooooo
        2
    TheGooooooooooo  
       2018-12-07 08:49:12 +08:00
    mark!
    missdeer
        3
    missdeer  
       2018-12-07 08:51:26 +08:00
    漂亮,不过大概很吃内存
    FakeLeung
        4
    FakeLeung  
       2018-12-07 09:18:44 +08:00
    看到 package.json 就咯噔一下,不会是基于 electron 吧。。。一看,果然。。


    太大了。。
    Kilerd
        5
    Kilerd  
       2018-12-07 09:18:56 +08:00
    electron 打扰了
    Spoter
        6
    Spoter  
       2018-12-07 09:20:49 +08:00
    喜欢 已 star
    lychnis
        7
    lychnis  
       2018-12-07 09:21:35 +08:00 via Android
    所以你能说下这个东西和其他产品特色?
    还有为什么别人给你贡献代码? 靠爱发电?
    laike9m
        8
    laike9m  
       2018-12-07 09:25:40 +08:00 via Android
    feature 有几个我很喜欢,打算尝试一下
    lingll
        9
    lingll  
       2018-12-07 09:27:02 +08:00
    我就说奇怪了, 为什么都可以播放网络上的资源了, 怎么本地音乐文件的播放还不支持, 看样子网络资源的播放就直接放了个 h5?
    timothyye
        10
    timothyye  
       2018-12-07 09:32:06 +08:00 via Android
    lz 酷玩粉丝啊,哈哈
    ryougifujino
        11
    ryougifujino  
       2018-12-07 09:39:31 +08:00
    感觉不错
    x97bgt
        12
    x97bgt  
       2018-12-07 09:42:02 +08:00 via iPhone
    似乎不支持 Apple Music ???
    dinjufen
        13
    dinjufen  
       2018-12-07 09:43:37 +08:00
    不错,支持
    PeterD
        14
    PeterD  
    OP
       2018-12-07 09:46:52 +08:00   1
    @lychnis chord 是开源的,不断的佚代更新完善需要社区的驱动支持,每个人都可以为项目提交代码
    a4854857
        15
    a4854857  
       2018-12-07 09:51:30 +08:00
    为啥都嫌弃 electron。 虾米不就是个 electron 么
    PeterD
        16
    PeterD  
    OP
       2018-12-07 09:54:06 +08:00
    @lingll 本地资源的加入需要考虑音频文件信息的读取与信息的组织,如何与网络信息相关连的问题,还有考虑信息缺失的问题。这些是需要思考的,目前我还没有思考的很好。
    音频文件的播放是由 electron (也就是 chromium 底层) 完成的。
    83f420984
        17
    83f420984  
       2018-12-07 09:56:05 +08:00
    上面两个 login 点不动,QQ 音乐授权完没反应,一脸蒙逼。。。。
    系统:mac 10.12
    PeterD
        18
    PeterD  
    OP
       2018-12-07 09:58:09 +08:00
    @x97bgt Apple Music 没研究过,之前我订阅了 2 年,配和 xiami 来用,感觉资源也都能在 xiami 上找到。
    以后可以研究一下,看看能不能加入。
    PeterD
        19
    PeterD  
    OP
       2018-12-07 10:05:32 +08:00
    @83f420984
    你可以打开 View >> Toggle DevTools, 把报的错提到 github.

    现在 debug 的代码很粗糙,很快会改的 ;)

    ----------

    我的环境是:

    ```
    ProductName: Mac OS X
    ProductVersion: 10.13.6
    BuildVersion: 17G3025
    ```

    我这,3 个站的登录都没问题
    fyibmsd
        20
    fyibmsd  
       2018-12-07 10:08:05 +08:00
    electron 打扰了
    83f420984
        21
    83f420984  
       2018-12-07 10:08:14 +08:00
    @PeterD 好的,请问 spotify UI 框架地址是多少?我找半天没找到
    trait
        22
    trait  
       2018-12-07 10:08:42 +08:00   2
    @lychnis 能在 v 站看到这种话让我相当震惊,知道开源怎么运作的么,clowwindy 诚不我欺
    PeterD
        23
    PeterD  
    OP
       2018-12-07 10:19:19 +08:00
    @83f420984
    spotify web UI 不是开源的。。。非常抱歉。
    我直接用了 open.spotify.com html/css 的布局设计。
    我知道这等同于抄袭,以后会不断的改变 html/css 的布局代码吧。。。。
    RockShake
        24
    RockShake  
       2018-12-07 10:31:35 +08:00
    和 Listen 1 很像,小心收到律师函,这种聚合做大了都很危险
    joiejia
        25
    joiejia  
       2018-12-07 11:12:28 +08:00
    qq 授权无法登陆
    付费 /单独版权歌曲无提示,导致能搜到,能加进播放列表,但都无法播放
    Ricky123
        26
    Ricky123  
       2018-12-07 11:14:06 +08:00
    很棒啊,Electron 怎么了,好的应用、不卡就行了
    Wichna
        27
    Wichna  
       2018-12-07 11:15:23 +08:00
    很不错,建议 UI 还是要自己创新一下
    imshf
        28
    imshf  
       2018-12-07 11:18:25 +08:00
    @FakeLeung 老哥问一下怎么插图片啊,是 markdown 吗
    PeterD
        29
    PeterD  
    OP
       2018-12-07 11:20:57 +08:00
    @joiejia 我是通过输入 QQ 号和密码登录 QQ 的,QQ 扫码登录我没有试过,应该会有问题。以后我改吧。
    iAndychan
        30
    iAndychan  
       2018-12-07 11:24:36 +08:00
    Spotify 和 Apple Music 都有公开 API 接入的吧,要不要研究一下。
    PeterD
        31
    PeterD  
    OP
       2018-12-07 11:26:00 +08:00
    对于需要付费和无版权不能播放歌曲的歌曲,现在还没有做弹出提示,下一版会做,所以目前播放时可能会出现部分歌曲播放不了的情况,或是不能播放专辑 /歌单中所有的歌。
    @joiejia
    PeterD
        32
    PeterD  
    OP
       2018-12-07 11:28:23 +08:00
    @iAndychan 可以的,但是 spotify 在国内不提供服务,需要代理才行
    PeterD
        33
    PeterD  
    OP
       2018-12-07 11:29:02 +08:00
    @Wichna 是啊,UI 是一定要改的
    FakeLeung
        34
    FakeLeung  
       2018-12-07 11:36:26 +08:00
    @imshf #28
    把图片传到微博图床,然后直接插入图片链接就行了。
    不会的用 chrome 插件,v2explus
    https://chrome.google.com/webstore/detail/v2ex-plus/daeclijmnojoemooblcbfeeceopnkolo
    20015jjw
        35
    20015jjw  
       2018-12-07 11:56:31 +08:00 via Android
    spotify 用户:huh ?
    PeterD
        36
    PeterD  
    OP
       2018-12-07 12:07:12 +08:00
    。。。open#dot#spotify#dot#com 居能打开。。。
    可能是我以前一直以为要代理,几年前看它的官网说是不提供中国的服务
    @20015jjw
    boycottangent
        37
    boycottangent  
       2018-12-07 12:44:45 +08:00 via iPhone
    有没有连接到 last.fm 的功能,超级希望播放器能有这个...就是因为这点才忍受了 ieasemusic 的其他缺点
    PeterD
        38
    PeterD  
    OP
       2018-12-07 13:03:26 +08:00
    @boycottangent 计划中是要做的,但还没看这么接入
    xytyzgf
        39
    xytyzgf  
       2018-12-07 13:41:37 +08:00
    提交一个 bug:
    由于是浏览器的壳,所以可以放大,这样好像不太美观。。。
    ![image.png]( https://upload-images.jianshu.io/upload_images/8595440-edfb9fc1e0f918b0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    PeterD
        40
    PeterD  
    OP
       2018-12-07 17:23:46 +08:00
    @xytyzgf 好的,这个因该可以禁用掉
    free9fw
        41
    free9fw  
       2018-12-07 17:28:34 +08:00
    要是 macOS 原生的会更好
    Nobitasean
        42
    Nobitasean  
       2018-12-07 17:30:17 +08:00
    东西不错,但是我估计会吃律师函。还有接口要维护
    xunqin
        43
    xunqin  
       2018-12-07 21:43:31 +08:00
    我以前一直用 listen1,你这个款播放器能否加入支持 airplay 协议呢,可以用 sonos 放
    PeterD
        44
    PeterD  
    OP
       2018-12-07 22:06:27 +08:00
    @xunqin 没研究过,可以看看
    fhefh
        45
    fhefh  
       2018-12-08 11:15:32 +08:00
    一看 果然有 electron 喜欢 macOS 原生的 体积有点大
    hronro
        46
    hronro  
       2018-12-11 18:51:16 +08:00
    看到 Electron 就放弃了
    renxiangbin
        47
    renxiangbin  
       2018-12-12 13:05:59 +08:00
    特登录支持,加油。你是最胖的。
    ryougifujino
        48
    ryougifujino  
       2018-12-19 00:36:58 +08:00
    界面蛮喜欢的,pinch 一下就放大了,这个确实要改改,还有就是渐变背景的色块感觉蛮明显的?
    yeah2109
        49
    yeah2109  
       2019-05-14 11:22:51 +08:00
    为什么看到 electron 就放弃
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2703 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 09:02 PVG 17:02 LAX 02:02 JFK 05:02
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86