Hexo中添加音乐(列表)、视频的代码
以下为在HexoHexoHexo中添加音乐(列表)、视频的代码。注意:在使用代码前要安装hexo−tag−aplayerhexo-tag-aplayerhexo−tag−aplayer【用于播放音乐(列表)】和hexo−tag−dplayerhexo-tag-dplayerhexo−tag−dplayer【用于播放视频】!
添加音乐(列表)的代码
添加一首歌的代码
{% aplayer [歌曲标题] [歌曲作者] [歌曲地址] 【"picture_url=[歌曲封面图片地址]" "narrow=[true/false]" "autoplay=[true/false]"】 %}
(注:“【】”内为可选内容,下同)
其中narrownarrownarrow为使用袖珍风格,autoplayautoplayautoplay为启用自动播放。
添加一份音乐列表的代码
{% aplayerlist %}
{【"narrow": [true/false],"autoplay": [true/false],"mode": "[random/single/circulation/order]","showlrc": [1/2/3],"mutex"; [true/false],"theme": "[十六进制颜色代码]","preload": "[none/auto/metadata]","listmaxheight": "[数字]px",】//(注意逗号不能省!)"music":[{"title": "[歌曲标题]","author": "[歌曲作者]","url": "[歌曲地址]",【"pic": "[歌曲封面图片地址]","lrc": "[歌词地址]"】//(注意逗号不能省,最后一行无逗号!)},{"title": "[歌曲标题]","author": "[歌曲作者]","url": "[歌曲地址]",【"pic": "[歌曲封面图片地址]","lrc": "[歌词地址]"】}//以后的歌曲按如上方式配置,注意没两首歌曲的配置之间有一个逗号!]
}
{% endaplayerlist %}
其中部分参数的描述和默认值如下表。
参数 | 描述 | 默认值 |
---|---|---|
narrownarrownarrow | 是否使用袖珍风格 | falsefalsefalse |
autoplayautoplayautoplay | 是否启用自动播放 | falsefalsefalse |
modemodemode | 播放歌曲的顺序 | circulationcirculationcirculation |
showlrcshowlrcshowlrc | 歌词显示的配置方案 | 000 |
mutexmutexmutex | 如果同页面有其它音乐播放,该播放器是否会暂停 | falsefalsefalse |
themethemetheme | 播放器风格色彩 | #b7daff\#b7daff#b7daff |
preloadpreloadpreload | 音乐文件预载入模式 | autoautoauto |
listmaxheightlistmaxheightlistmaxheight | 该播放列表的最大长度 | 340px340px340px |
使用 MetingJS
在使用MetingJSMetingJSMetingJS前,请确认你的hexo−tag−aplayerhexo−tag−aplayerhexo−tag−aplayer插件的版本≥3.0\geq 3.0≥3.0!
如果想在本插件中使用MetingJSMetingJSMetingJS,请在你的HexoHexoHexo博客的根目录下的配置文件_config.yml
中设置:
aplayer:meting: true
接着就可以通过在文章中使用MetingJSMetingJSMetingJS播放器了。格式如下:
{% meting "[歌曲id/播放列表id/专辑id/搜索关键字]" "[音乐平台]" "[类型]" 【附加选项】 %}
其中,“音乐平台”中可填neteaseneteasenetease(网易)、tencenttencenttencent(腾讯)、kugoukugoukugou(酷狗)、xiamixiamixiami(虾米)、baidubaidubaidu(百度),“类型”中可填songsongsong(单首歌)、playlistplaylistplaylist(播放列表)、albumalbumalbum(专辑)、searchsearchsearch(搜索出的所有歌)、artistartistartist(搜索到的艺术家的所有歌曲)。附加选项的格式为"[选项]:[值]"
,选项有:
选项 | 描述 | 可选项 | 默认值 |
---|---|---|---|
fixedfixedfixed | 是否开启固定模式 | truetruetrue、falsefalsefalse | falsefalsefalse |
miniminimini | 是否开启迷你模式 | truetruetrue、falsefalsefalse | falsefalsefalse |
looplooploop | 音乐列表的循环模式 | allallall(全部循环)、oneoneone(单曲循环)、nonenonenone(不循环) | allallall |
orderorderorder | 音乐列表的播放顺序 | listlistlist(顺序播放)、randomrandomrandom(随机播放) | listlistlist |
volumevolumevolume | 播放器的音量 | 000到111之间(包括000和111)的任意数 | 0.70.70.7 |
lrctypelrctypelrctype | 歌词格式类型 | 111、222、333 | 000 |
listfoldedlistfoldedlistfolded | 音乐播放列表是否折叠 | truetruetrue、falsefalsefalse | falsefalsefalse |
storagenamestoragenamestoragename | 本地储存中存储播放器设定的键名 | 任意字符串 | metingjsmetingjsmetingjs |
autoplayautoplayautoplay | 是否自动播放(移动端浏览器暂时不支持此功能) | truetruetrue、falsefalsefalse | truetruetrue |
mutexmutexmutex | 如果同页面有其它音乐播放,该播放器是否会暂停 | truetruetrue、falsefalsefalse | truetruetrue |
listmaxheightlistmaxheightlistmaxheight | 播放列表的最大显示长度 | [任意非负整数]px[\text{任意非负整数}]px[任意非负整数]px | 340px340px340px |
preloadpreloadpreload | 音乐文件预载入模式 | nonenonenone、autoautoauto、metadatametadatametadata | autoautoauto |
themethemetheme | 播放器风格色彩设置 | 任意十六进制颜色代码 | #ad7a86\#ad7a86#ad7a86 |
添加视频的代码
参见https://github.com/MoePlayer/hexo-tag-dplayer的说明。
Hexo中添加音乐(列表)、视频的代码相关推荐
- 在Hexo搭建的博客中插入音乐或者视频
原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...
- 如何在Mac上的视频中添加音乐?
自己录的视频没有音乐伴奏总是不完整的,怎样添加上音乐呢?在本篇文章中,我为大家介绍的是如何在Mac上的视频中添加音乐? 在这里,我们向您展示如何在Mac计算机上将音乐添加到视频中.这些工具可离线使用, ...
- 如何在网站中添加音乐
来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验.LZ搜集到了两种在网站中添加音乐的方式. 一.豆瓣的FM 这 ...
- 在 Wiki 标记中添加无序列表
项目:在 Wiki 标记中添加无序列表 在编辑一篇维基百科的文章时,你可以创建一个无序列表,即让每个列表项占 据一行,并在前面放置一个星号.但是假设你有一个非常大的列表,希望添加前面 的星号.你可以在 ...
- 【制作多媒体演示文稿软件】Focusky教程 | 如何在focusky演示文稿中添加音乐?
在Focusky(也称为"FS软件")演示文稿中添加音乐非常便捷,有以下两种方法: 方法一:添加本地音乐 单击工具栏上的"插入", 在下拉栏中选择"音 ...
- jekyll个人博客中添加音乐播放插件
方法一: 环境要求 jekyll 七牛 开始使用 step1 首先下载这个文件open-embed.html,右键,另存为Html;下面是源码,也可以复制保存下面的源码; <style> ...
- 如何往 Apple Watch 中添加音乐
如何往 Apple Watch 中添加音乐 首先需要你的手机中已经存在本地音乐,如果没有,要通过同步的方式从 iTunes 中添加音乐(macOS 中是在 Music 应用中) 手机中有了音乐文件以后 ...
- 【微杂志制作工具】名编辑电子杂志大师教程 | 如何在flash电子杂志中添加音乐
(一)添加背景音乐 方法:打开名编辑电子杂志大师,进入模板设置版面,在工具栏选项下拉栏中找到声音选项,然后从电脑中添加音乐文件. (设计设置 -> 工具栏选项 -> 按钮栏 -> 声 ...
- Hexo 中添加live2d看板动画
Hexo 中添加live2d看板动画 实际效果欢迎光临我的Hexo博客 Crayon 这里用到了 hexo-helper-live2d 插件 github地址:https://github.com/E ...
最新文章
- SQLServer数据库自增长标识列的更新修改操作
- 内部错误:无法加载 ABAP 报表 LVBRKF0I
- 循环取矩阵的某行_1.2 震惊! 某大二本科生写的矩阵乘法吊打Mathematica-线性代数库BLAS-矩阵 (上)...
- 花花酱leetcode 题目——搜索专题
- Swift 面向协议编程 基础篇 (一) 介绍
- python怎么让输出居中_python格式化输出字符串居中
- DataList和Repeater分页
- 记录自己的第一个稍微有趣一点的小游戏
- web前端性能优化的方法
- 用友凭证打印页面边距设置会同步
- 三星手机双微信设置方法,三星手机如何双开微信
- texstudio如何安装cjk宏包_Latex+CJK从安装到使用【1】
- 计算机组成原理_在线作业1,电子科大《计算机组成原理》在线作业1
- java基于ssm的在线装机DIY系统的分析与设计
- AndroidStudio 自带avd模拟器WiFi网络受限无法连接
- 字符在计算机中的存储
- 基于matlab的产生式系统案例
- Mission Planner初学者安装调试教程指南(APM或PIX飞控)5——规划航点航线
- Win7文件右下角盾牌标志去除方法---UAC阻止程序运行
- 线段求交应用之Liang-barsky裁剪算法
热门文章
- 如何便捷绘制上海地铁图?
- Flutter项目实操---资讯、发布动弹
- rdkitpython | 挑选多个互变异构体的主要构象
- 图书馆学专业学c语言吗,图书馆学专业介绍及考研院校排名
- c 当前计算机时间格式,C# 当前系统时间获取及时间格式详解
- 对Java建造者模式(Builder)的一点理解
- 详细讲解go web框架之gin框架源码解析记录及思路流程和理解
- linux桌面无法启动,Ubuntu18.04启动后无法进入桌面修复方法(图文)
- IL2CPP does not support marshaling delegates that point to instance methods to native code
- 支付宝年账单html5,2018支付宝年账单哪里查?支付宝2018年度账单怎么看