写了个 PWA 播放器解决个人听歌难的问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mayne95
V2EX    分享创造

写了个 PWA 播放器解决个人听歌难的问题

  •  
  •   mayne95 2019-08-16 23:15:41 +08:00 5992 次点击
    这是一个创建于 2250 天前的主题,其中的信息可能已经有所发展或是发生改变。

    NkQDZgIilyq7YoV.png

    Phos.png

    主要思路

    • Notion 做内容管理
    • Cloudflare 解决 API 跨域问题
    • PWA 提供跨平台的使用界面( iOS 对不起 /(ㄒoㄒ)/~~)

    体验地址: https://phos.gine.me/#8fb3563c9a9847c59dcb5e7f5861054b

    使用文档: https://www.notion.so/Phos-Player-9a31e68f8f004daaa5e79102ffd843d7

    了解更多: https://www.notion.so/Phos-Player-db7de2c4133d4a7da9df8868f09a0e09

    github: https://github.com/mayneyao/phos

    24 条回复    2019-08-23 22:48:12 +08:00
    Bestda
        1
    Bestda  
       2019-08-17 06:45:06 +08:00 via iPhone   1
    给你一点爱
    mayne95
        2
    mayne95  
    OP
       2019-08-17 07:07:16 +08:00 via Android
    @Bestda 那你可真是个小天使
    Ultraman
        3
    Ultraman  
       2019-08-17 08:34:40 +08:00 via Android
    非 notion 用户表示虽然看起来挺好的但还是算了
    mayne95
        4
    mayne95  
    OP
       2019-08-17 09:08:58 +08:00
    @vcinex 总要有个地方存数据哦。免费用户 1000 个 block,300 首歌应该没问题(虽然只能存储不超过 5m 的音频文件)。自己写后端管理数据,提供相同格式的 API 也是可以玩的。
    BCy66drFCvk1Ou87
        5
    BCy66drFCvk1Ou87  
       2019-08-17 10:04:14 +08:00
    非常喜欢 PWA
    GG668v26Fd55CP5W
        6
    GG668v26Fd55CP5W  
       2019-08-17 10:23:24 +08:00 via iPhone
    非常 nice
    2311
        7
    2311  
       2019-08-18 16:38:11 +08:00
    没想到 notion 还能这样用,平时用着感觉太慢了…
    ClarkAbe
        8
    ClarkAbe  
       2019-08-19 11:11:41 +08:00 via iPhone
    ios 也可以使用啊而且还能后台锁屏播放控制中心还能显示歌名
    mayne95
        9
    mayne95  
    OP
       2019-08-19 11:21:11 +08:00 via iPad
    @ClarkAbe 锁屏时间长一点会停止播放,没法后台常驻, pwa 的支持没安卓好.
    ClarkAbe
        10
    ClarkAbe  
       2019-08-19 11:23:15 +08:00 via Android   1
    @mayne95 #9 其实有一个妙招,把链接复制到微信或者其他应用里面打开然后就可以驻留后台了
    mayne95
        11
    mayne95  
    OP
       2019-08-19 11:25:03 +08:00 via iPad
    @ClarkAbe 学到了,谢谢
    mayne95
        12
    mayne95  
    OP
       2019-08-19 11:32:50 +08:00 via iPad
    @ClarkAbe 好像还是不行... 手里没 iPhone,iPad 升了 iPad OS 不知道有没有什么区别,在微信中打开页面,播放后进入其它应用,过段时间就自动停止播放了.
    ClarkAbe
        13
    ClarkAbe  
       2019-08-19 13:30:48 +08:00 via iPhone
    @mayne95 我的越狱 6,12.4 用 v2xplore 除了内存不足一直在播放 QAQ
    FuryLeeU
        14
    FuryLeeU  
       2019-08-19 14:11:13 +08:00
    试试
    npe
        15
    npe  
       2019-08-19 14:27:14 +08:00
    能够支持其它数据源(或播放器独立)就更好了 ;)
    haoleba
        16
    haoleba  
       2019-08-20 09:02:57 +08:00 via Android   1
    想造轮子你就造,说什么个人听歌难,难在哪里?
    mayne95
        17
    mayne95  
    OP
       2019-08-20 14:00:55 +08:00   1
    @heilibai

    现状
    1. 网易云的灰了一大片,转到了 Spotify
    2. 港区的资源基本满足日常听歌需求, Spotify 不支持自己上传音乐,一些小众 /国内音乐人的作品没有资源。
    3. 有些时候听歌,要 2 边切来切去 (难点 1 )
    4. 个人(我自己)经常在 Youtube 听 ASMR,不能锁屏播放。(难点 2 )


    我想要的音乐服务
    1. 跨平台,在哪里都能听。
    2. 统一管理音乐,在一个地方听。
    3. 我在 Youtube 上点赞了哪个 ASMR 视频,就会自动加到我的 ASMR 播放列表里面(统一管理 ASMR )

    综上。要实现个人需求,只有自己造轮子了。有什么好的解决方案,也欢迎分享一下。
    devtiange
        18
    devtiange  
       2019-08-21 12:37:27 +08:00
    @mayne95 楼主太会玩了. 你这个 cf-worker 的代码在哪里? 想参考一下, 谢谢!
    devtiange
        19
    devtiange  
       2019-08-21 12:40:17 +08:00
    @mayne95 话说 google music 支持上传音乐啊, 挺好用的.
    mayne95
        20
    mayne95  
    OP
       2019-08-21 12:53:41 +08:00 via Android
    @devtiange https://github.com/mayneyao/Notabase/blob/master/src/cf-worker.js

    Google 家的产品线太乱了,又是 Google music 又是 YouTube music。不知道怎么玩,体验没 Spotify 舒服
    run2
        21
    run2  
       2019-08-22 13:31:03 +08:00
    你确定 aws 不会找 notion 麻烦, 然后 notion ban 了你?


    Spotify 地区选国内 还是得翻啊
    mayne95
        22
    mayne95  
    OP
       2019-08-22 21:47:32 +08:00
    @sobigfish
    我在造轮子之前想过这些问题,具体解释下如何处理版权问题。

    1. 不是所有的音乐都存在版权问题(演示用的音乐存在问题,我偷懒了)
    2. 如果没有分享意图,可以把数据设置为私密,个人使用是没有问题的。你可以理解为 PWA 就是个离线应用,跟普通的本地音乐软件没有区别。notion 相当于网易云音乐云盘。
    3. 如果有分享意图,可以分享没有版权问题的内容,或者上传自己创作的内容(播客、ASMR、个人作曲等)。
    4. 以上做法没有违反 notion 的 tos
    Aether
        23
    Aether  
       2019-08-23 20:17:47 +08:00
    @mayne95 我听说 sonos 可以解决你的问题……(未验证
    mayne95
        24
    mayne95  
    OP
       2019-08-23 22:48:12 +08:00
    @Aether 服务跟硬件绑一起了......
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4904 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 36ms UTC 04:00 PVG 12:00 LAX 21:00 JFK 00:00
    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