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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1950 天前的主题，其中的信息可能已经有所发展或是发生改变。

主要思路

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

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

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

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

24 条回复 • 2019-08-23 22:48:12 +08:00

Bestda

2019-08-17 06:45:06 +08:00 via iPhone

给你一点爱

mayne95

2019-08-17 07:07:16 +08:00 via Android

@Bestda 那你可真是个小天使

Ultraman

2019-08-17 08:34:40 +08:00 via Android

非 notion 用户表示虽然看起来挺好的但还是算了😶

mayne95

2019-08-17 09:08:58 +08:00

@vcinex 总要有个地方存数据哦😂。免费用户 1000 个 block，300 首歌应该没问题（虽然只能存储不超过 5m 的音频文件）。自己写后端管理数据，提供相同格式的 API 也是可以玩的。

BCy66drFCvk1Ou87

2019-08-17 10:04:14 +08:00

非常喜欢 PWA

falcon05

2019-08-17 10:23:24 +08:00 via iPhone

非常 nice

2311

2019-08-18 16:38:11 +08:00

没想到 notion 还能这样用，平时用着感觉太慢了…

ClarkAbe

2019-08-19 11:11:41 +08:00 via iPhone

ios 也可以使用啊而且还能后台锁屏播放控制中心还能显示歌名

mayne95

2019-08-19 11:21:11 +08:00 via iPad

@ClarkAbe 锁屏时间长一点会停止播放,没法后台常驻, pwa 的支持没安卓好.

ClarkAbe

2019-08-19 11:23:15 +08:00 via Android

@mayne95 #9 其实有一个妙招，把链接复制到微信或者其他应用里面打开然后就可以驻留后台了

mayne95

2019-08-19 11:25:03 +08:00 via iPad

@ClarkAbe 学到了,谢谢👏

mayne95

2019-08-19 11:32:50 +08:00 via iPad

@ClarkAbe 好像还是不行... 手里没 iPhone,iPad 升了 iPad OS 不知道有没有什么区别,在微信中打开页面,播放后进入其它应用,过段时间就自动停止播放了.🤔

ClarkAbe

2019-08-19 13:30:48 +08:00 via iPhone

@mayne95 我的越狱 6，12.4 用 v2xplore 除了内存不足一直在播放 QAQ

FuryLeeU

2019-08-19 14:11:13 +08:00

试试

npe

2019-08-19 14:27:14 +08:00

能够支持其它数据源(或播放器独立)就更好了 ;)

haoleba

2019-08-20 09:02:57 +08:00 via Android

想造轮子你就造，说什么个人听歌难，难在哪里？

mayne95

2019-08-20 14:00:55 +08:00

@heilibai

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

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

综上。要实现个人需求，只有自己造轮子了。有什么好的解决方案，也欢迎分享一下。

devtiange

2019-08-21 12:37:27 +08:00

@mayne95 楼主太会玩了. 你这个 cf-worker 的代码在哪里? 想参考一下, 谢谢!

devtiange

2019-08-21 12:40:17 +08:00

@mayne95 话说 google music 支持上传音乐啊, 挺好用的.

mayne95

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 舒服

sobigfish

2019-08-22 13:31:03 +08:00

你确定 aws 不会找 notion 麻烦，然后 notion ban 了你？

Spotify 地区选国内还是得翻啊

mayne95

2019-08-22 21:47:32 +08:00

@sobigfish
我在造轮子之前想过这些问题，具体解释下如何处理版权问题。

1. 不是所有的音乐都存在版权问题（演示用的音乐存在问题，我偷懒了）
2. 如果没有分享意图，可以把数据设置为私密，个人使用是没有问题的。你可以理解为 PWA 就是个离线应用，跟普通的本地音乐软件没有区别。notion 相当于网易云音乐云盘。
3. 如果有分享意图，可以分享没有版权问题的内容，或者上传自己创作的内容（播客、ASMR、个人作曲等）。
4. 以上做法没有违反 notion 的 tos

Aether

2019-08-23 20:17:47 +08:00

@mayne95 我听说 sonos 可以解决你的问题……（未验证

mayne95

2019-08-23 22:48:12 +08:00

@Aether 服务跟硬件绑一起了......