给自己的网页添加音乐播放器

尼采

2021-09-21 / 1 评论 / 127 阅读 / 正在检测是否收录...

09/21

在这里我们使用的是Metingjs，基于Aplayer插件封装好的插件，可以直接使用

第一步：
在<head>标签下面引入两个script和一个css样式

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

第二步：在<body>中定义播放器的属性，可以参考下表更改参数

<meting-js
        server="netease"    <%--平台--%>
        type="playlist"        <%--类型--%>
        id="2811637909"         <%--播放列表ID--%>
        fixed="true"        <%--固定模式--%>
        autoplay="true"   <%--自动播放--%>
        loop="all"          <%--循环--%>
        order="list"      <%--顺序--%>
        preload="auto"      <%--加载--%>
        list-folded="ture"      <%--列表折叠--%>
        list-max-height="1000px"    <%--最大高度--%>
        lrc-type="1">       <%--歌词--%>
</meting-js>

参数可以参考下图设置：
Test