0.X 版本

MonoLogueChiAbout 5 min

Note

0.x 版本已停止更新,只做兼容和过渡使用,请尽快更新 1.x 版本。

如果有人愿意接手 0.x 版维护,请及时联系我。

简介

hexo-tag-mmedia 是 MonoLogueChi 自用的一个媒体插入插件,在添加部分功能后发布给大家使用。

支持的平台

使用

本插件与以下插件冲突

  • hexo-tag-aplayer
  • hexo-tag-dplayer
  • hexo-tag-bilibili

如有安装,使用前请卸载。

npm uninstall hexo-tag-aplayer
npm uninstall hexo-tag-dplayer
npm uninstall hexo-tag-bilibili

安装

npm install hexo-tag-mmedia-0.x --save

_config.yml

如果不需要自定义设置,不需要修改 _config.yml,直接使用即可

mmedia:
  aplayer:
    cdn: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js
    style_cdn: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css
    default:
  meting:
    cdn: https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js
    api:
    default:
  dplayer:
    cdn: https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js
    style_cdn: https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.css
    hls_cdn: https://cdn.jsdelivr.net/npm/hls.j/dist/hls.min.js
    dash_cdn: https://cdn.jsdelivr.net/npm/dashjs/dist/dash.all.min.js
    shaka_dash_cdn: https://cdn.jsdelivr.net/npm/shaka-player/dist/shaka-player.compiled.js
    flv_cdn: https://cdn.jsdelivr.net/npm/flv.js/dist/flv.min.js
    webtorrent_cdn: https://cdn.jsdelivr.net/npm/webtorrent/webtorrent.min.js
    default:

default 项下可配置默认选项,例如:

meting:
  cdn: https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js
  api:
  default:
    order: random

MetingJS

示例:

{% meting "001Mf4Ic1aNYYK" "tencent" "album" "order:random" "listmaxheight:180px" %}

{% meting "auto:https://y.qq.com/n/yqq/song/001RGrEX3ija5X.html" "autoplay" %}

参数:

基本兼容 hexo-tag-aplayer,绝大部分可以直接从 hexo-tag-aplayer 迁移,参数形式为 "option:vaule",不懂的可以参考 MetingJSopen in new window

配置项默认描述
id必须音乐 id,第一个参数
server必须音乐平台,第二个参数,可选:netease, tencent, kugou, xiami, baidu
type必须音乐类型,第三个参数,可选:song, playlist, album search, artist
auto有 auto 选项时前面参数不需要填写,否则为必填,见示例 2
autoplayfalse自动播放,带有此参数表示 true,不带表示 false
fixedfalse吸底模式,带有此参数表示 true,不带表示 false
minifalse迷你模式,带有此参数表示 true,不带表示 false
listfoldedfalse默认折叠列表,带有此参数表示 true,不带表示 false
mutextrue互斥,如不需互斥 "mutex:false"
theme#2980b9主题颜色
loopall循环模式 ,可选值 all, one, none
orderlist播放顺序,可选值 list, random
preloadauto预加载模式 ,可选 none, metadata, auto
volume0.7默认音量,可选 0-1
lrctype0歌词类型
listmaxheight340px播放器最大高度
storagenamemetingjs

更多参数可以以 "option:vaule" 的格式增加。

后端服务器可以使用官方后端,也可以使用我自己写的后端服务器 MetingJS.Serveropen in new window 自建服务。

Aplayer

{% aplayer "Caffeine" "Jeff Williams" "caffeine.mp3" "picture.jpg" "lrc:caffeine.txt" %}

{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}
配置项默认描述
title必须曲目标题,第一个参数
author必须曲目作者,第二个参数
url必须音乐文件地址
picture_url音乐对应的图片地址
narrowfalse袖珍风格,带有此参数表示 true,不带表示 false
autoplayfalse自动播放,带有此参数表示 true,不带表示 false
width:xxx100%播放器宽度
lrc歌词地址

AplayerList(不推荐使用)

警告

此模式测试不够完善,如果遇到问题请提 issueopen in new window

{% aplayerlist %}
{
    "narrow": false,             // Optional, narrow style
    "autoplay": true,            // Optional, autoplay song(s), not supported by mobile browsers
    "mode": "random",            // Optional, play mode, can be `random` `single` `circulation`(loop) `order`(no loop), default: `circulation`
    "showlrc": 3,                // Optional, show lrc, can be 1, 2, 3
    "mutex": true,               // Optional, pause other players when this player playing
    "theme": "#e6d0b2",	         // Optional, theme color, default: #b7daff
    "preload": "metadata",       // Optional, the way to load music, can be 'none' 'metadata' 'auto', default: 'auto'
    "listmaxheight": "513px",    // Optional, max height of play list
    "music": [
        {
            "title": "CoCo",
            "author": "Jeff Williams",
            "url": "caffeine.mp3",
            "pic": "caffeine.jpeg",
            "lrc": "caffeine.txt"
        },
        {
            "title": "アイロニ",
            "author": "鹿乃",
            "url": "irony.mp3",
            "pic": "irony.jpg"
        }
    ]
}
{% endaplayerlist %}

Dplayer

{% dplayer "url:KeyCastOW.mp4" "id:DDEC4F882C0B66FAD" "addition:addition0" "addition:addition1" %}

非必填项,如果不清楚请不要填写。

配置项默认描述
url必填视频地址
pic封面
thumbnails缩略图
typeauto视频格式,可选 auto hls dash shakaDash flv webtorrent
id弹幕 id,建议使用视频的 CRC 或 MD5,再或使用 UUID
api弹幕 api
token
maximum10000最大弹幕数
userDIYgod弹幕发送用户名
bottom15%弹幕底端距离
unlimitedtrue
addition额外弹幕,可重叠加多个
suburl字幕地址
subtypewebvtt字幕类型,可选 webvtt ass
subbottom40px字幕底端距离
subfontSize20px字幕字体大小
subcolor#fff字幕字体颜色
autoplayfalse自动播放,带有此参数表示 true,不带表示 false
loopfalse循环,带有此参数表示 true,不带表示 false
screenshotfalse截屏按钮,带有此参数表示 true,不带表示 false,此参数会造成跨域
hotkeytrue热键控制
mutextrue互斥
theme#b7daff主题颜色
lang语言,不指定会根据浏览器环境自动识别
preloadauto预加载,可选 none metadata auto
logologo 地址
volume0.7默认音量 0-1
contextmenu右键菜单,可叠加
highlight高光点,可叠加多个,例如 "highlight:{time: 20, text: '这是第 20 秒'}"
code额外代码,不懂不要填,需要写的请参考源码

哔哩哔哩

{% bilibili "aid:60016166" "quality:high" "danmaku" "allowfullscreen" %}
配置项默认描述
bvid视频 bv 号,bvid、aid 和 av 必填一项,推荐使用 bvid
aid视频 av 号
av视频链接地址,不要带分 P 信息,与 aid 同时填写会被覆盖,不推荐使用
page1分 P,填写 av 时才会生效
qualitylow视频质量,可选 high low (此选项已失效)
danmakufalse开启弹幕,带有此参数表示 true,不带表示 false
allowfullscreentrue是否允许全屏
width100%宽度
max_width800px最大宽度
marginauto位置,css 属性,例:"margin:auto" "margin:0 0 0 auto"

西瓜视频

{% ixigua “xid:6905586791114342925"autoplay" "startTime:0" %}
配置项默认描述
xid必填,就是 url 里的那一串数字
id预留,目前无需填写
autoplayfalse自动播放
startTime0开始时间
allowfullscreentrue是否允许全屏
width100%宽度
max_width800px最大宽度
marginauto位置,css 属性,例:"margin:auto" "margin:0 0 0 auto"

ArtPlayer

暂不支持,开发中...

YouTube

暂不支持,开发中...

反馈

Loading...