Notion嵌入背景音乐
本文字数 0 | 阅读时长 ≈ 0 分钟
tags
Notion
status
Published
type
Post
summary
Notion嵌入背景音乐的方法
date
Dec 29, 2021
slug
notion-embed-background-music
category
碎片杂文
方法步骤
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 功能，但是 Notion 并没有针对国内的音乐平台，视频平台进行优化，使得无法嵌入其中。为了解决这个问题，所以我基于 Aplayer 和 Dplayer 做了两个小组件，可以自动解析 QQ 音乐，网易云音乐的歌曲，专辑，以及歌单，还可以解析 B 站 1080P 的视频，并提供了众多设置选项（视频播放器暂时不开放）。
快速解决
使用simple-notion-widgets工具，找到qq音乐网页浏览器中的链接，将qq音乐的网址粘贴其后，注意加上.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- 更多调用方式，参考原网站
- Author:tangly1024
- URL:https://tangly1024.com/article/notion-embed-background-music
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
Relate Posts :
Tags：
Notion