给博客加了个音乐播放器

Posted vocaloid-fan1995

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给博客加了个音乐播放器相关的知识,希望对你有一定的参考价值。

本来用的是网易云的外链,后来发现APlayer就换成这个播放器组件了

在 页脚 html 代码 中插入以下代码就行了

1 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
2 <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
3 <div id="aplayer" class="aplayer" data-autoplay="true"  data-id="3714831768" data-server="tencent" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
4 <script src="https://unpkg.com/meting@1.2.0/dist/Meting.min.js"></script>

这样子播放器是在页面的左下角,效果如图:

技术图片

 

 

 

以上是关于给博客加了个音乐播放器的主要内容,如果未能解决你的问题,请参考以下文章

给博客添加网易云外链时掉的坑

Android独立音量播放器

jquery音乐播放器(歌词滚动版)

unity 音乐怎么用代码控制,我在主相机上加了audio source原来有audio listener的,没法暂停和停止

给java程序加背景音乐的代码~

如何在博客中添加背景音乐(博客园必须获得脚本权限)