当前位置: 首页 > news >正文

杭州做网站企业专业培训机构

杭州做网站企业,专业培训机构,网站建设 签约信息,自己做网站费用本文转自博主的个人博客:https://blog.zhumengmeng.work,欢迎大家前往查看。 原文链接:点我访问 序言:最近在网上冲浪,发现大家的博客大部分都有一个音乐播放器能够播放音乐,随机我也开始寻找解决方法。可是找来找去我…

本文转自博主的个人博客:https://blog.zhumengmeng.work,欢迎大家前往查看。
原文链接:点我访问

在这里插入图片描述

序言:最近在网上冲浪,发现大家的博客大部分都有一个音乐播放器能够播放音乐,随机我也开始寻找解决方法。可是找来找去我却发现在wordpress上的大部分音乐播放器插件无法实现播放网易云歌单,但是皇天不负苦心人,我找到了APlayer和MetingJS。

一、介绍

  • Aplayer是一个简洁漂亮、功能强大的 Html5 音乐播放器,支持音乐信息、歌词、进度条、音量、顺序模式、循环模式,可以使用三方音乐外链,也可以使用自己的音乐链接。开源地址:https://github.com/DIYgod/APlayer
  • MetingJS 扩展了 APlayer.js 的功能,能够使 APlayer.js 加载网易云音乐、QQ 音乐、虾米音乐中的歌单。
    开源地址:https://github.com/metowolf/MetingJS

二、使用方法

打开wordpress后台管理页面,依次点击外观-小工具-添加-自定义HTML。

在这里插入图片描述

在编辑栏复制粘贴如下代码:

在这里插入图片描述

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<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.0.1/dist/Meting.min.js"></script>
<meting-js style="color: #2980b9"class="meting"server="netease"type="playlist"volume="0.5"id="7723752305"autoplay="false"loop="all"order="list"preload="auto"list-folded="true"list-max-height="200px"lrc-type="0">
</meting-js>
</body>
</html>

效果如下图所示:

在这里插入图片描述

三、参数说明

参数默认值描述
idrequire歌曲 ID/歌单 ID/专辑 ID/搜索关键字
serverrequire音乐平台: netease, tencent, kugou, xiami, baidu
typerequire类型:song, playlist, album, search, artist
autooptions音乐链接,支持: netease, tencent, xiami
fixedfalse开启吸底模式
minifalse开启迷你模式
autoplayfalse自动播放,一般浏览器默认会阻止音频自动播放
theme#2980b9主题色
loopall音频循环播放,值:’all’、’one’、’none’
orderlist音频循环顺序,值:’list’,’random’
preloadauto音频预加载,值: ‘none’, ‘metadata’, ‘auto’
volume0.7默认音量,播放器会记住用户设置,用户自己设置音量后默认音量将失效
mutextrue防止同时播放多个播放器,当该播放器开始播放时暂停其他播放器
lrc-type0歌词类型
list-foldedfalse列表是否先折叠
list-max-height340px音频列表最大高度

大家可能会问一个问题,歌单 id 怎么找?浏览器里打开网易云官网并登录,找到自己的歌单,点击进去后,链接后面那串数字就是ID。

比如:https://music.163.com/#/my/m/music/playlist?id=7723752305,7723752305就是ID.

http://www.zhongyajixie.com/news/17768.html

相关文章:

  • 上海网站制作网站建设利尔化学股票
  • 搜网站网seo网站快排
  • 创意摄影网站网络营销的企业有哪些
  • 自己的网站做app济南优化网站的哪家好
  • 如何高效率的建设网站济南疫情最新消息
  • 阿里巴巴怎么做自己的免费网站哈尔滨seo优化培训
  • 微信公众号做视频网站指数基金定投怎么买
  • 芜湖设计公司排名关键词seo优化公司
  • 适合大网站做安全性测试的工具产品推广策略
  • 郑州做网站要多少钱网站快速排名优化价格
  • 肯德基的网站建设学校招生网络营销方案
  • godaddy服务器做网站seo网站快速排名软件
  • 做平台交易网站怎么收款引擎搜索器
  • 建的企业网站如何在百度搜到重庆百度地图
  • 微信官网网站网络服务器是指什么
  • 免费优化推广网站的软件百度推广深圳分公司
  • 网页托管平台慧达seo免登录发布
  • 集团网站建设工作方案搜索
  • 网站设计是什么专业seo网站内部优化
  • 互联国际网站代刷网站推广快速
  • 网站频道策划seo网站自动推广
  • 回龙观做网站太原seo代理商
  • 那个网站做的好快速学电脑培训班
  • 时时彩的网站怎么做国际实时新闻
  • 重庆知名商城网站建设公司软件推广的渠道是哪里找的
  • wordpress带灯箱的主题企业seo职位
  • 网站放到iis如何做指向四年级的简短新闻播报
  • 伪静态网站入侵我是seo关键词
  • 新建网站seo优化怎么做网络营销具有什么特点
  • 怎么加入平台卖货兰州seo优化入门