为Hexo添加音乐

为Hexo添加音乐


本来打算自己写个插件,无奈有点费时间,主要是后天要考试试啦,头有点大。于是使用了音乐外链播放器。一开始直接用的网易云单首歌曲的播放器,但是只能播放同一首歌曲,而且切换歌曲很麻烦,想着加个音乐搜索功能,然后发现有个更好的方式——使用歌单外链。但是打开网易云歌单会发现找不到歌单的外链,不过仔细看源码会发现有个歌单id,这样就够了

转自https://www.tiexo.cn/aplayer/ ,有删减

使用一个开源项目

Aplayer

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

引入上述文件后在需要的位置添加播放器:

<div class="aplayer" data-id="373559" data-server="xiami" data-type="song"></div>

参数如下:(粗体为必填项)

  • data-id: 歌曲/专辑/歌单 ID
  • data-server: 音乐平台,支持如下参数

    • netease (网易云音乐)
    • tencent (qq音乐)
    • xiami (虾米音乐)
    • kugou (酷狗音乐)
    • baidu (百度音乐)
  • data-type: 请求类型,支持如下参数

    • song (单曲)
    • album (专辑)
    • playlist (歌单)
    • search (搜索)
  • data-mode: 播放模式

    • random (随机)
    • single (单曲)
    • circulation (列表循环)
    • order (列表)
  • data-autoplay: 自动播放
    • true
    • false
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值