Aplayer 搭配MetingJS音乐插件简单使用
本文发布于 369 天前,最后更新于369天前,其中的信息可能已经有所发展或是发生改变,如有需要,请联系我([email protected])进行更新吖~

1、语法

属性 默认值 描述
server netease/tencent/kugou/xiami/baidu require 指定音乐平台(网易云:netease;QQ 音乐:tencent)
type song/playlist/album/artist require 类型:
songplaylistalbumsearchartist
id require 歌曲ID /播放列表ID /专辑ID /搜索关键字
fixed true false 开启吸底模式(不需要则删掉)
mini true false 开启迷你模式(不需要则删掉)
autoplay false false 音频自动播放(不需要则删掉)
order list/random list 音频循环顺序(随机播放:random;列表播放:list)
theme #2980b9 主题颜色,默认#2980b9
loop all/one/none all 播放器循环播放,值:“all”,one”,“none”
preload auto 预加载,可选值: ‘none’, ‘metadata’, ‘auto’
volume 0.7 默认音量,请注意播放器会记忆用户设置,用户手动设置音量后默认音量即失效
mutex true true 互斥,阻止多个播放器同时播放,当前播放器播放时暂停其他播放器
listfolded false false 列表默认折叠
listMaxHeight 340px 列表最大高度
storage-Name metingjs metingjs 存储播放器设置的localStorage键
lrc-type 0 0 关闭歌词(不需要则删掉)

示例:

server="netease"

2、示例

2.1、

server="netease" 指定音乐平台为网易云,type="song" 指单曲类型,id="7373135320" 为音乐的 id(这里的 id 为打开音乐歌单,网址显示的 id)

开启吸底模式 fixed="true", 开启迷你模式 mini="true", 随机播放 order="random", 关闭底部歌词 lrc-type="0"

注意:id 需要为自己创建的歌单,不能为我喜欢的音乐;server 可以改自己用的音乐平台,如 netease (网易云)、tencent (QQ 音乐)

<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/[email protected]/dist/Meting.min.js"></script>
 
<meting-js 
    server="netease" 
    type="playlist" 
    id="7360465359"
    fixed="true" 
    mini="true"
    order="random"
    loop="all"
    preload="auto"
    list-folded="false">
</meting-js>

2.2、

<!--css-->
 
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
 
<!--js-->
 
  <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
 
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script>
<!--参数设置-->
<meting-js
 
  server="netease"
 
  type="playlist"
 
  id="5195463265"
 
  fixed="true"
 
  autoplay="true"
 
  loop="all"
 
  order="random"
 
  preload="auto"
 
  list-folded="ture"
 
  list-max-height="500px"
 
  lrc-type="1">
 
</meting-js>
  • 标题:Aplayer 搭配MetingJS音乐插件简单使用
  • 作者:Space520
  • 链接:https://space520.eu.org/archives/424
  • 版权声明:本博客所有文章除特别声明外,均为 原创 和采用 CC BY-NC-SA 4.0 协议。转载请注明文章出处(https://space520.eu.org/archives/424)及作者。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
Copyright 2023 Space520
PoweredWordPress
Running Time days H M S
Theme Argon
| 耗时 0.288 秒 | 查询 34 次 | 内存 18.82 MB |