diff --git a/编辑手册/2-3-1-Insert-Audio.md b/编辑手册/2-3-1-Insert-Audio.md index cf4fe26..e98adf2 100644 --- a/编辑手册/2-3-1-Insert-Audio.md +++ b/编辑手册/2-3-1-Insert-Audio.md @@ -2,7 +2,7 @@ title: 2.3.1 插入音频 description: published: true -date: 2022-02-02T13:36:29.730Z +date: 2022-02-02T14:12:37.245Z tags: editor: markdown dateCreated: 2022-02-02T13:28:22.671Z @@ -19,4 +19,93 @@ dateCreated: 2022-02-02T13:28:22.671Z ![配置播放器选项](https://imgs.thestarsetsociety.cn/2022/02/02/d8e4f11c8f3f8.png) 3. 将代码直接粘贴到你要编辑的页面里(三种播放器效果分别如下)

- \ No newline at end of file +

+ + +注意: +1. 如果要连续插入多个播放器,请在两个相邻的播放器之间至少添加两个br标签,例如: +```html + + + +

+ + +``` +2. 这种播放器只能播放非VIP歌曲,如果要实现VIP歌曲和版权歌曲的播放,请参考方案二 + +## 国外音乐平台 +Spotify、Amazon Music等国外平台均提供外嵌播放插件,如果您想使用它们的播放组件,只需在“分享”之类的地方查找是否有相关功能即可,使用方法与网易云音乐类似。由于本文档是中文文档,主要面向中国用户,故不展开。 + +# 方案二:第三方外链播放器 +我们目前在所有页面默认载入了第三方播放器APlayer和MeetingJS,您只需参考下面说明配置好代码,粘贴到您编辑的页面即可。 +## 最简配置 +1. 样式一(正常大小播放器) +```html + + +``` +效果如下: + + +2. 样式二(迷你播放器) +```html + + +``` +效果如下: + + +3. 样式三(固定在页面下方的播放器) +```html + + +``` + + +### 说明 +#### 歌曲音频链接 +1. 如果该歌曲是网易云音乐的免费歌曲,你可以获得这个歌曲的链接,在浏览器中打开后获得这个歌曲的id,随后把上面的'歌曲id'替换为你得到的歌曲id即可。 +示例:`https://music.163.com/song/media/outer/url?id=1888810383.mp3` +2. 如果是VIP歌曲或要自定义歌曲,按照格式填写链接然后联系CDN上传,格式为:`https://scdn.thestarsetsociety.cn/GeneralMedia/Mustrm/歌手名/专辑名/歌曲名.mp3` +其中,歌手名、专辑名、歌曲名的字母全为小写,如果有空格,以下划线代替 +示例:`https://scdn.thestarsetsociety.cn/GeneralMedia/Mustrm/starset/horizons/the_breach.mp3` +#### 歌曲封面链接 +1. 你可以用浏览器访问相关专辑,然后右键单击歌曲封面,点击“检查”/“检查元素”就能看到图片地址(显示在“img src=”后面的就是) +![如图所示](https://imgs.thestarsetsociety.cn/2022/02/02/22d13a19e20e6.png) +2. 如果获取不到或者要自定义图片,请按照格式填写链接然后联系CDN上传,格式为: +`https://scdn.thestarsetsociety.cn/GeneralMedia/Muscvr/歌手名/专辑名.webp` +其中,歌手名、专辑名、歌曲名的字母全为小写,如果有空格,以下划线代替 +示例:`https://scdn.thestarsetsociety.cn/GeneralMedia/Muscvr/starset/horizons.webp` +### 其它说明 +> 由于和Wiki页面样式的冲突,目前只有通过上述格式引入的播放器才能正常加载。 +{.is-danger} +