书中自有黄金屋.|

likepoems

园龄:3年1个月粉丝:6关注:0

在博客中实现播放音乐功能(QQ,网易,酷狗,虾米,百度)

1、在页头head标签里添加:

<link rel="stylesheet" href="https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.css">
<script src="https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>

2、在页脚footer标签里(/body前)添加:

<div>
    <meting-js
        server="tencent"
        type="playlist"
        id="8268823919"
        fixed="true"
        autoplay="false"
        loop="all"
        preload="auto"
        volume="0.6"
        list-folded="true"
        list-max-height="500px"
        >
    </meting-js>
</div>

3、相应配置

常见的配置:

参数 默认 描述
server 音乐平台:netease, tencent, kugou, xiami, baidu
type 播放的音乐类型,值:song, playlist, album, search, artist
id 歌曲id/播放列表id/专辑id/搜索关键字
mini false 迷你模式
fixed false 启用固定模式, 默认位置在左下角
autoplay false 音频自动播放
order false 排序,值:list, random
loop all 循环播放,值:all, one, none
preload auto 预加载,值:'none', 'metadata', 'auto'
volume 0.7 音量,值:0~1
list-folded false 表示歌单列表是否折叠
list-max-height 示歌单列表的最大高度

详情见Apayer以及MetingJS

本文作者:活的像诗一样

本文链接:https://www.cnblogs.com/likepoems/p/16092634.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   likepoems  阅读(64)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起