Notion如何嵌入腾讯、网易云音乐

Notion如果直接嵌入腾讯、网易云音乐,你会发现解析出来的是一个链接而不是一个播放器,根本不是我们想要的效果,那有什么办法可以解决呢?

当然有,就是借助Simple Notion Widgets这个小工具;

Notion如何嵌入腾讯、网易云音乐

比如我们要准备嵌入网易云的歌单(腾讯音乐同理),我们尝试生成外链播放器;

注意:能生成外链的说明音乐都没有版权问题,可以嵌入播放,不能生成外链提示版权问题的,也是无法嵌入到notion当中播放的;

Notion如何嵌入腾讯、网易云音乐

如果可以生成,我们进入下一步,把这个歌单的id复制下来;

Notion如何嵌入腾讯、网易云音乐

把这个歌单id和下面的链接拼接起来,得到一个全新的链接,示例如下:

https://simple-notion-widgets.vercel.app/music-player/index.html?server=netease&type=playlist&id=3186576487

为什么得到这个链接,后面会讲到,现在只需要再进行最后一步,就是把这个链接复制到Notion里面,一个嵌入的歌单播放器就会出现在你的Notion页面上了;

Notion如何嵌入腾讯、网易云音乐

Notion如何嵌入腾讯、网易云音乐

好,现在再说说上面的链接,其实这个链接就是利用Simple Notion Widgets这个小工具得到的;

工具官网:https://simple-notion-widgets.vercel.app/#music-player

开发者针对Notion无法嵌入的问题,专门做的一个小组件,组件设计基于 Aplayer 和 Dplayer ,它可以自动解析 QQ 音乐,网易云音乐的歌曲,专辑,以及歌单,还可以解析 B 站 1080P 的视频,还提供众多设置选项;

使用方法非常简单,只需要把你想嵌入的歌曲、歌单转换成这个工具的链接就可以了,还有不明白的请参考官网的使用说明;

另外,它还提供了一些播放功能的选项:

option default description
id require song id / playlist id / album id / search keyword

歌曲 id / 播放列表 id / 专辑 id / 搜索关键字

server require music platform: neteasetencentkugoubaidu

音乐平台:neteasetencentkugoubaidu

type require songplaylistalbumsearchartist
auto options music link, support: tencent

音乐链接,支持:tencent

fixed false enable fixed mode

启用固定模式

mini false enable mini mode

启用迷你模式

autoplay false audio autoplay

音频自动播放

theme #2980b9 main color

主题颜色

loop all player loop play, values: ‘all’, ‘one’, ‘none’

循环播放的设置:all代表顺序播放全部,one代表单曲循环,none代表只播放一次

order list player play order, values: ‘list’, ‘random’

播放顺序:”列表”,”随机”

preload auto values: ‘none’, ‘metadata’, ‘auto’

预加载:默认自动

volume 0.7 default volume, notice that player will remember user setting, default volume will not work after user set volume themselves

默认音量,请注意播放器会记住用户设置,默认音量在用户自己设置音量后将不起作用

mutex true prevent to play multiple player at the same time, pause other players when this player start play

防止同时播放多个,当此播放器开始播放时暂停其他的播放器

lrc-type 0 lyric type

歌词类型

list-folded false indicate whether list should folded at first

默认没有折叠歌单列表

list-max-height 340px list max height

歌单列表最大高度

storage-name metingjs localStorage key that store player setting

存储播放器设置的本地存储密钥

想设置这些选项也非常简单,以下面的链接为例

https://simple-notion-widgets.vercel.app/music-player/index.html?server=netease&type=playlist&id=3186576487

如果我们想设置单曲循环,只需要在链接后面加上loop=one即可,中间需要一个连接符&,所以链接看起来是这样的:

https://simple-notion-widgets.vercel.app/music-player/index.html?server=netease&type=playlist&id=3186576487&loop=one

其他的选项设置也是如法炮制即可。

给TA打赏
共{{data.count}}人
人已打赏
教程类

pr新安装字体找不到 ,pr中文字体名字变成英文或者显示不正确的解决办法

2021-6-14 16:28:40

教程类

iOS不越狱屏蔽各类软件开屏广告(授人以渔)

2021-7-5 10:23:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
搜索