Ghost 博客使用 Aplayer & HTTPS

转自:让 Ghost 吃上 APlayer

用来替换已失修的 163music-APlayer-you-get-docker 项目。

引入依赖

<!--css 部分是为了修复主题和播放器不兼容的部分,视情况。-->
<style>
    li {margin: 0em 0;}
    button {min-height: 0px;}
    .aplayer {margin: 0 0 1.75em 0 !important;}
</style>  

<script src="https://cdn.bootcss.com/aplayer/1.6.0/APlayer.min.js"></script>  
<script src="https://api.i-meto.com/music/aplayer.min.js"></script>

这样播放器已经引入成功了~

使用

<div class="aplayer" data-id="60198" data-server="netease" data-type="playlist" data-mode="random"></div>  

其中的参数如下,加粗表示必须

  • data-id: 歌曲/专辑/歌单 ID
  • data-server: 音乐平台,支持如下参数
    • netease
    • tencent
    • xiami
    • kugou
    • baidu
  • data-type: 请求类型,支持如下参数
    • song (单曲)
    • album (专辑)
    • playlist (歌单)
    • search (搜索)
  • data-mode: 播放模式
    • random (随机)
    • single (单曲)
    • circulation (列表循环)
    • order (列表)
  • data-autoplay: 自动播放

演示

<div class="aplayer" data-id="610952" data-server="netease" data-type="song"></div>


<div class="aplayer" data-id="597545801" data-server="netease" data-type="playlist" data-mode="random"></div>