Notion技巧 | 嵌入背景音乐

嵌入网页播放器

notion支持嵌入一切在线网页，所以您只需嵌入一个可自动播放的网页就可以了

下面选择的是网易云音乐生成外链播放器方式嵌入notion

选择喜欢的音乐或歌单，点击生成外链播放器

得到嵌入代码,拷贝src


<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=4428401&auto=1&height=66"></iframe>

// srs中auto=1为自动播放auto=0为手动播放


https://music.163.com/outchain/player?type=2&id=4428401&auto=1&height=66

链接嵌入notion，选择Create Embed

兼容性问题

测试后发现，嵌入后无法显示一个播放器，而是显示一个无法被读取的网页，如下图：

原因：Notion有强大且开放的 Embed 功能，但是并没有针对国内的音乐平台、视频平台进行优化，使得无法嵌入其中。

快速解决

为了解决这个问题，我们可以使用simple-notion-widgets工具，该项目作者基于 Aplayer 和 Dplayer 做了两个小组件，可以自动解析 QQ 音乐，网易云音乐的歌曲，专辑，以及歌单，还可以解析 B 站 1080P 的视频，并提供了众多设置选项（视频播放器暂时不开放）。

使用方法

找到qq音乐网页浏览器中的链接，将网址后的一串ID粘贴其后，注意加上.html

示例：

https://simple-notion-widgets.vercel.app/music-player/index.html?auto=https://y.qq.com/n/yqq/song/001RGrEX3ija5X.html

这样音乐就嵌入成功了。

按照官方文档的方式，也可以使用id作为参数拼接效果也是一样的：示例：https://simple-notion-widgets.vercel.app/music-player/index.html?id=001RGrEX3ija5X&server=tencent&type=song&autoplay=true

更多调用方式，参考原网站

Music Player | Simple Notion Widgets

A VitePress site

https://simple-notion-widgets.vercel.app/