gitbook 插件：音乐

gitbook 插件：音乐

gitbook 插件：音乐

文章目录

​​gitbook 插件：音乐​​

​​1. gitbook-plugin-zymplayer 插件​​

​​1.1 配置​​​​1.2 安装​​​​1.3 效果​​​​1.4 评论​​

1. gitbook-plugin-zymplayer 插件

​​gitbook-plugin-zymplayer​​ 插件 可以播放音乐。

1.1 配置

"plugins": [ "zymplayer" ]"pluginsConfig": { "zymplayer": { "element": "body", "width": "350px", "mode": "random", "show": "all", "list": { "path": "assets/music/musicList.json", "height": 180, "expand": true }, "position": { "pos": "fixed", "right": "0px", "bottom": "0px" } }}

音乐列表存放​​musicList.json​​​、音乐mp3在目录​​song​​​、音乐图片在目录​​img​​

$ ls assets/music/img musicList.json song$ ls assets/music/img/Angel_Lover-Prendre_sa_main.png dylanf_卡农.jpg Peter_Jeremias-Dusk.jpg 张宇桦_大自然的空气_钢琴曲.jpg 陈光荣_Tanning_In_Your_Sunray.jpgDenean-Vow_to_Virtue.jpg Jocelyn_Pook_Russian_Red-Loving_Strangers.jpg Vexento_Anesthesia.jpg 群星_森林之歌.jpg$ ls

​​musicList.json​​内容如下：

cat assets/music/musicList.json [ { "name": "Tanning In Your Sunray", "artist": "陈光荣", "url": "assets/music/song/陈光荣_Tanning_In_Your_Sunray.mp3", "cover_art_url": "assets/music/img/陈光荣_Tanning_In_Your_Sunray.jpg", "duration": "03:38" }, { "name": "Prendre sa main", "artist": "Angel Lover", "url": "assets/music/song/Angel_Lover-Prendre_sa_main.mp3", "cover_art_url": "assets/music/img/Angel_Lover-Prendre_sa_main.jpg", "duration": "03:31" }, { "name": "Vow to Virtue", "artist": "Denean", "url": "assets/music/song/Denean-Vow_to_Virtue.mp3", "cover_art_url": "assets/music/img/Denean-Vow_to_Virtue.jpg", "duration": "03:43" }, { "name": "Loving Strangers", "artist": "Jocelyn Pook Russian Red", "url": "assets/music/song/Jocelyn_Pook_Russian_Red-Loving_Strangers.mp3", "cover_art_url": "assets/music/img/Jocelyn_Pook_Russian_Red-Loving_Strangers.jpg", "duration": "03:43" }, { "name": "Dusk", "artist": "Peter Jeremias", "url": "assets/music/song/Peter_Jeremias-Dusk.mp3", "cover_art_url": "assets/music/img/Peter_Jeremias-Dusk.jpg", "duration": "02:05" }, { "name": "Anesthesia", "artist": "Vexento", "url": "assets/music/song/Vexento_Anesthesia.mp3", "cover_art_url": "assets/music/img/Vexento_Anesthesia.jpg", "duration": "03:41" }, { "name": "森林之歌", "artist": "群星", "url": "assets/music/song/群星_森林之歌.mp3", "cover_art_url": "assets/music/img/群星_森林之歌.jpg", "duration": "02:04" }, { "name": "张宇桦_大自然的空气_钢琴曲", "artist": "张宇桦_大自然的空气_钢琴曲", "url": "assets/music/song/张宇桦_大自然的空气_钢琴曲.mp3", "cover_art_url": "assets/music/img/张宇桦_大自然的空气_钢琴曲.jpg", "duration": "02:22" }, { "name": "卡农", "artist": "dylanf", "url": "assets/music/song/dylanf_卡农.mp3", "cover_art_url": "assets/music/img/dylanf_卡农.jpg", "duration": "05:00" }]

1.2 安装

gitbook install

1.3 效果

1.4 评论

插件效果很好，但存在bug，影响logo暂时，子目录下拉显示等等。 综合指数：⭐️⭐️⭐️

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。