爱意满满的作品展示区。
PeterD

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

  •  
  •   PeterD ·
    PeterDing · Dec 7, 2018 · 9019 views
    This topic created in 2890 days ago, the information mentioned may be changed or developed.

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

    弦使用 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

    Supplement 1  ·  Dec 7, 2018

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

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


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

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

    ----------

    我的环境是:

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

    我这,3 个站的登录都没问题
    fyibmsd
    fyibmsd
    Dec 7, 2018
    20
    electron 打扰了
    83f420984
    83f420984
    Dec 7, 2018
    21
    @PeterD 好的,请问 spotify UI 框架地址是多少?我找半天没找到
    trait
    trait
    Dec 7, 2018❤️2
    22
    @lychnis 能在 v 站看到这种话让我相当震惊,知道开源怎么运作的么,clowwindy 诚不我欺
    PeterD
    PeterD
    OP
    Dec 7, 2018
    23
    @83f420984
    spotify web UI 不是开源的。。。非常抱歉。
    我直接用了 open.spotify.com html/css 的布局设计。
    我知道这等同于抄袭,以后会不断的改变 html/css 的布局代码吧。。。。
    Crixs
    Crixs
    Dec 7, 2018
    24
    和 Listen 1 很像,小心收到律师函,这种聚合做大了都很危险
    joiejia
    joiejia
    Dec 7, 2018
    25
    qq 授权无法登陆
    付费 /单独版权歌曲无提示,导致能搜到,能加进播放列表,但都无法播放
    Ricky123
    Ricky123
    Dec 7, 2018
    26
    很棒啊,Electron 怎么了,好的应用、不卡就行了
    Wichna
    Wichna
    Dec 7, 2018
    27
    很不错,建议 UI 还是要自己创新一下
    imshf
    imshf
    Dec 7, 2018
    28
    @FakeLeung 老哥问一下怎么插图片啊,是 markdown 吗
    PeterD
    PeterD
    OP
    Dec 7, 2018
    29
    @joiejia 我是通过输入 QQ 号和密码登录 QQ 的,QQ 扫码登录我没有试过,应该会有问题。以后我改吧。
    iAndychan
    iAndychan
    Dec 7, 2018
    30
    Spotify 和 Apple Music 都有公开 API 接入的吧,要不要研究一下。
    PeterD
    PeterD
    OP
    Dec 7, 2018
    31
    对于需要付费和无版权不能播放歌曲的歌曲,现在还没有做弹出提示,下一版会做,所以目前播放时可能会出现部分歌曲播放不了的情况,或是不能播放专辑 /歌单中所有的歌。
    @joiejia
    PeterD
    PeterD
    OP
    Dec 7, 2018
    32
    @iAndychan 可以的,但是 spotify 在国内不提供服务,需要代理才行
    PeterD
    PeterD
    OP
    Dec 7, 2018
    33
    @Wichna 是啊,UI 是一定要改的
    FakeLeung
    FakeLeung
    Dec 7, 2018
    34
    @imshf #28
    把图片传到微博图床,然后直接插入图片链接就行了。
    不会的用 chrome 插件,v2explus
    https://chrome.google.com/webstore/detail/v2ex-plus/daeclijmnojoemooblcbfeeceopnkolo
    20015jjw
    20015jjw
    Dec 7, 2018 via Android
    35
    spotify 用户:huh ?
    PeterD
    PeterD
    OP
    Dec 7, 2018
    36
    。。。open#dot#spotify#dot#com 居能打开。。。
    可能是我以前一直以为要代理,几年前看它的官网说是不提供中国的服务
    @20015jjw
    boycottangent
    boycottangent
    Dec 7, 2018 via iPhone
    37
    有没有连接到 last.fm 的功能,超级希望播放器能有这个...就是因为这点才忍受了 ieasemusic 的其他缺点
    PeterD
    PeterD
    OP
    Dec 7, 2018
    38
    @boycottangent 计划中是要做的,但还没看这么接入
    xytyzgf
    xytyzgf
    Dec 7, 2018
    39
    提交一个 bug:
    由于是浏览器的壳,所以可以放大,这样好像不太美观。。。
    ![image.png]( https://upload-images.jianshu.io/upload_images/8595440-edfb9fc1e0f918b0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    PeterD
    PeterD
    OP
    Dec 7, 2018
    40
    @xytyzgf 好的,这个因该可以禁用掉
    free9fw
    free9fw
    Dec 7, 2018
    41
    要是 macOS 原生的会更好
    Nobitasean
    Nobitasean
    Dec 7, 2018
    42
    东西不错,但是我估计会吃律师函。还有接口要维护
    xunqin
    xunqin
    Dec 7, 2018
    43
    我以前一直用 listen1,你这个款播放器能否加入支持 airplay 协议呢,可以用 sonos 放
    PeterD
    PeterD
    OP
    Dec 7, 2018
    44
    @xunqin 没研究过,可以看看
    fhefh
    fhefh
    Dec 8, 2018
    45
    一看 果然有 electron 喜欢 macOS 原生的 体积有点大
    hronro
    hronro
    Dec 11, 2018
    46
    看到 Electron 就放弃了
    renxiangbin
    renxiangbin
    Dec 12, 2018
    47
    特登录支持,加油。你是最胖的。
    ryougifujino
    ryougifujino
    Dec 19, 2018
    48
    界面蛮喜欢的,pinch 一下就放大了,这个确实要改改,还有就是渐变背景的色块感觉蛮明显的?
    yeah2109
    yeah2109
    May 14, 2019
    49
    为什么看到 electron 就放弃
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2681 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 13:13 · PVG 21:13 · LAX 05:13 · JFK 08:13
    ♥ Do have faith in what you're doing.