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

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

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

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

    弦使用 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   ·   实用小工具   ·   3489 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 00:54 · PVG 08:54 · LAX 16:54 · JFK 19:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.