概述

今天给我的个人博客加了个暗模式，这样可以在晚上阅读博客的时候不伤害眼睛。突然想到如果在阅读博客的时候可以听听音乐就更好了。 于是在github上找到了一个开源的项目MetingJS，看最后一次commit信息是3年前，但是看着README.md对网站的描述信息，是我要的音乐播放器无疑了。

MetingJS快速使用

把下面这段代码放到html页面中。

html
<!-- require APlayer -->
<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>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

<meting-js
        server="netease"
        type="album"
        mini="true"
        fixed="true"
        autoplay="true"
        loop="all"
        id="">
</meting-js>

  • server: 音乐平台， netease, tencent, kugou, xiami, baidu
  • id: song id / playlist id / album id / search keyword
  • type: id类型， song, playlist, album, search, artist
  • loop: 播放模式，values: ‘all’, ‘one’, ’none’
  • mini: enable mini mode
  • fixed: enable fixed mode

可以右键另存为APlayer.min.css, APlayer.min.js, Meting.min.js网站本地文件。

播放网站本地音乐文件

该js插件可以播放网站本地音乐

具体参数请参考: https://github.com/metowolf/MetingJS

--完--