1. 最基础的下载源文件嵌入mp3本地格式

sugar girl - the cure

sugar girl - the cure

白戸秀明 - ヒカリのテーマ.mp3

pros cons
非常简单,非常小白 非常简单,非常小白
不能显示图片、歌词、歌曲基本信息

2. 采用最基础的复制网页链接方式

pros cons
非常简单,非常小白 非常简单,非常小白
只能嵌入1首,无歌词,不能调整进度条

https://music.163.com/#/song?id=27385574&dlt=0846

3. 稍微美观一点的嵌入苹果音乐方式

https://music.apple.com/cn/album/ヒカリのテーマ/1537502067?i=1537502271

pros cons
非常简单,非常小白 非常简单,非常小白
可以嵌入专辑 不能嵌入歌单
!!大雷点!只能听30s,大大雷点,跟 spotify 一样的,美丽却是个废物
当然也不显示歌词

4. 突然发现网易云可以嵌入歌单

https://music.163.com/outchain/player?type=0&id=8189691987&auto=1&height=90

https://music.163.com/outchain/player?type=0&id=8409377118&auto=1&height=430

pros cons
美观, 大logo有点扎眼
支持嵌入歌单 只能抓取前10首,而且不能抓取“我喜欢的音乐”的前十首
虽然有我设置的歌单图片,但其实清晰度很烂
没有歌词,不能跳转进度

5. 看到了这个网站可以输入歌单id给你网址嵌入网页

https://api.mizore.cn/meting/?server=netease&type=playlist&id=633904016

pros cons
支持嵌入歌单(的所有歌曲) 有黄边,不美观
网页简明易懂 搭在一个国内访问特别不稳定的网站,非常不稳定!手机上根本无法访问(硬伤)
有进度条,有随机播放、顺序播放、单曲循环可供选择(其实就是aplayer)

6. Github 上非常简洁的单曲嵌入

https://github.com/dontpanic92/embedded-netease-music-player

<https://dontpanic92.github.io/embedded-netease-music-player/embedded-netease-music-player.html?2033878961>

<aside> 🌐 like this

https://dontpanic92.github.io/embedded-netease-music-player/embedded-netease-music-player.html?2033878961

</aside>

pros cons
非常方便,只需要替换网页中的歌曲ID即可 只能嵌入一首
比较美观 手机上访问如果歌曲名太长会有穿模现象
麻雀虽小,但是竟然有效果很好的歌词显示(翻译显示也优秀) 没有进度条,没有边框

7. 我想做成这样!!‣ + https://github.com/metowolf/MetingJS

https://notion.busiyi.world/music-player/?server=netease&type=album&id=34555329&list-max-height=96

<https://notion.busiyi.world/music-player/?server=netease&type=playlist?id=633904016&list-max-height=96>

在 MetingJS 上复制代码后,更改ID,放到自己的 https://github.com/rail1dd/notion_widgets 代理并上网,终于成功了!这也是最终形态!

在这里感恩财政局技术部滴大佬张叔叔,要不然我自己真的弄不来

pros cons
非常美观,还有歌词显示 有翻译的歌词显示效果没有方案6中的好,但是我很满意了
比较方便 就是要让 github 帮忙托管一下
有顺序播放、随机播放、单曲循环、调整音量、点击进度条跳转 不能调整预设,默认不展开下面的歌单
爬取“我喜欢的音乐”中所有的歌单,一个不落(当然要VIP就不行了)

https://api.mizore.cn/meting/?server=netease&type=playlist&id=633904016