为Hexo添加音乐

港控/mmm° 2022-06-02 02:43 169阅读 0赞

# **为Hexo添加音乐** #

--------------------

本来打算自己写个插件，无奈有点费时间，主要是后天要考试试啦，头有点大。于是使用了音乐外链播放器。一开始直接用的网易云单首歌曲的播放器,但是只能播放同一首歌曲，而且切换歌曲很麻烦，想着加个音乐搜索功能，然后发现有个更好的方式——使用歌单外链。但是打开网易云歌单会发现找不到歌单的外链，不过仔细看源码会发现有个歌单id，这样就够了

> 转自[https://www.tiexo.cn/aplayer/][https_www.tiexo.cn_aplayer] ，有删减

### 使用一个开源项目 ###

## [Aplayer][] ##

<script src="https://cdn.bootcss.com/aplayer/1.6.0/APlayer.min.js"></script>
    <script src="https://api.i-meto.com/music/player.js"></script>

引入上述文件后在需要的位置添加播放器：

<div class="aplayer" data-id="373559" data-server="xiami" data-type="song"></div>

参数如下：（粗体为必填项）

*  **data-id**: 歌曲/专辑/歌单 ID
 *  **data-server**: 音乐平台，支持如下参数
    
     *  netease （网易云音乐）
     *  tencent （qq音乐）
     *  xiami （虾米音乐）
     *  kugou （酷狗音乐）
     *  baidu （百度音乐）
 *  **data-type**: 请求类型，支持如下参数
    
     *  song （单曲）
     *  album （专辑）
     *  playlist （歌单）
     *  search （搜索）
 *  data-mode: 播放模式
    
     *  random （随机）
     *  single （单曲）
     *  circulation （列表循环）
     *  order （列表）
 *  data-autoplay: 自动播放  
    
    
     *  true
     *  false

[https_www.tiexo.cn_aplayer]: https://www.tiexo.cn/aplayer/
[Aplayer]: https://aplayer.js.org/docs/#/?id=options

发表评论取消回复

表情：

评论列表（有 0 条评论，169人围观）

还没有评论，来说两句吧...

相关阅读

相关网页添加随机音乐方法

每当网页刷新及打开一次随机播放一首BGM 内容十首音乐，网易云、酷狗音乐外链，可以自定义更换 [https://www.hcw3.cn/music/][https_www.

本是古典何须时尚/ 2023年01月18日 09:21/ 0 赞/ 206 阅读

相关【HTML】添加网页背景音乐

方式一： <video controls="" autoplay="" name="media"> <source src="音乐" type="audio/mp

叁歲伎倆/ 2022年12月11日 09:27/ 0 赞/ 279 阅读

相关 hexo-matery主题美化(三)-音乐播放器

hexo-matery主题美化(三)-音乐播放器 > 作者：江南骚年配置音乐播放器要支持音乐播放，在主题的 `_config.yml` 配置文件中激活musi

我会带着你远行/ 2022年11月26日 01:55/ 0 赞/ 187 阅读

相关 react中添加背景音乐

效果图![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZ

本是古典何须时尚/ 2022年10月11日 12:26/ 0 赞/ 306 阅读

相关使用mciSendString为程序添加音乐

mciSendString是用来播放多媒体文件的API指令。通过它，我们可以打开一个多媒体文件，例如mp3，VCD，Mpeg4格式的文件等等，并对它进行播放，暂停，关闭等操作

野性酷女/ 2022年08月13日 15:58/ 0 赞/ 182 阅读

相关为Hexo添加音乐

为Hexo添加音乐 -------------------- 本来打算自己写个插件，无奈有点费时间，主要是后天要考试试啦，头有点大。于是使用了音乐外链播放器。一开始直接

港控/mmm°/ 2022年06月02日 02:43/ 0 赞/ 170 阅读

相关 Hexo博客yilia主题添加背景音乐（网易云音乐）

[博主博客地址][Link 1] 1、打开网易云音乐首页，复制选择的背景音乐分享外链 > [网易云音乐][Link 2] --------------------

骑猪看日落/ 2022年02月02日 07:19/ 0 赞/ 305 阅读

相关 python添加背景音乐

import pygame 音乐的路径 file=r'D:\CloudMusic\aa.mp3' 初始化 pygame.mixer.

野性酷女/ 2022年01月30日 12:27/ 0 赞/ 439 阅读

相关网页添加背景音乐

为网页添加背景音乐的方法一般有两种，第一种是通过普通的<bgsound>标签来添加，另一种是通过<embed>标签来添加。（一）使用<bgsound>标签用Dr

àì夳堔傛蜴生んèń/ 2021年11月19日 13:48/ 0 赞/ 478 阅读

相关 java程序添加背景音乐

在写Java程序的时候常常需要播放背景音乐，其实实现只需两步即可。 1.首先需要下载一个jar包最近有许多网友反应说原来的下载地址不能用了，这里提供一个最新下载地址：[j

客官°小女子只卖身不卖艺/ 2021年09月27日 22:00/ 0 赞/ 473 阅读