【Flarum插件】在Flarum上嵌入Aplayer与MetingJS

love2wind

MIT

一个很简单的插件，使用Aplayer和MetingJS为Flarum嵌入音乐。使用zerosonesfun/flarum-bbcode-template生成。

截图

安装

composer require imshuzai/aplayer-metingjs-for-flarum

嵌入网易云音乐或QQ音乐

[metingjs server=“netease/tencent” id=“song id/playlist id/album id” type=“song/playlist/album”]

嵌入自托管音乐

[aplayer name=“song name” artist=“artist name” url=“song url” cover=“cover url(optional)” lrc=“lrc url(optinoal)”]

使用jsdelivr CDN，Meting API由METO提供。
没有核心版本限制，但仅在beta16与1.0上测试过，不保证在其他版本上的可用性。

Github
Packagist
国际社区讨论帖
 中文社区讨论帖

插入代码

QQ音乐：

1.[metingjs server="tencent" id="歌曲id" type="song"] 
2.[metingjs server="tencent" id="歌单id" type="playlist"] 
3.[metingjs server="tencent" id="专辑id" type="album"]

网易云音乐：

1.[metingjs server="netease" id="歌曲id" type="song"] 
2.[metingjs server="netease" id="歌单id" type="playlist"] 
3.[metingjs server="netease" id="专辑id" type="album"]

网易云id获取（打开歌曲/歌单/专辑页面后，在网址里找id后面的数字就完事了）：

/* “id=”后面的数字就是歌曲id */ 
https://music.163.com/#/song?id=448741213

/* “id=”后面的数字就是歌单id */ 
https://music.163.com/#/my/m/music/playlist?id=2081269144

/* “id=”后面的数字就是专辑id */ 
https://music.163.com/#/artist?id=12214253

QQ音乐和网易云音乐同理，复制网址id后面的数字就ok了

love2wind

Mixture插件一款极其友好的多功能Flarum插件

🍭安装指令

composer require moerio/mixture

🗑️卸载指令

composer remove moerio/mixture

不要忘记在此操作前先CD到你的主目录哦

—

音乐功能

音乐平台 (eg.网易云,QQ音乐等)

可使用以下BBCODE指令行自动插入歌单或单曲
[automusic src="歌曲地址"]

可选参数 "mini"      >>>迷你模式 {true/false}
         "autoplay"  >>>自动播放 {true/false}
         "loop"      >>>循环播放 {true/false}
         "volume"    >>>音量大小 {0-1之间实数}
         "order"     >>> 播放顺序 {list:列表播放 random:随机播放}

或使用如下指令手动注明平台以及歌曲id

[cloudmusic server="平台" type="类型" url="地址"]

可选参数 "server"    >>>平台类型 {netease/tencent/kugou}
         "type"      >>>歌曲类型 {song/playlist/album/artist/search}
         "mini"      >>>迷你模式 {true/false}
         "autoplay"  >>>自动播放 {true/false}
         "loop"      >>>循环播放 {true/false}
         "volume"    >>>音量大小 {0-1之间实数}
         "order"     >>> 播放顺序 {list:列表播放 random:随机播放}

举个例子

[automusic src="https://music.163.com/#/playlist?id=5286099079" autoplay="true" volume="0.2" order="random"]

意思就是 自动播放打开默认音量为20% 播放顺序为随机播放

[automusic src="https://music.163.com/#/playlist?id=5286099079" autoplay="true" volume="0.2" order="random"]

本地音乐

[localmusic name="自定义歌曲名" artist="自定义作者名" url="外链地址" cover="封面图地址"]

可选参数 "mini"      >>>迷你模式 {true/false}
         "lrc"       >>>歌词地址 {外链地址}
         "autoplay"  >>>自动播放 {true/false}
         "loop"      >>>循环播放 {true/false}
         "volume"    >>>音量大小 {0-1之间实数}

[localmusic name="全英文Disco顶级强劲震撼2k15收费TechnoTrance串烧" artist="DJ" url="http://mx.djkk.com/mix/2015/2015-4/2015-4-4/201544213614.m4a" cover=""]

http://www.xnbbs.cc/

[localmusic name="Lipsa Ta.mp3" artist="Adina" url="https://alist.niege.ga/d/7milan/rep/Music/%E5%85%B6%E4%BB%96/Adina%20-%20Lipsa%20Ta.mp3" cover=""]

—

视频功能

[video url="外链地址" width="宽度" height="高度"]

举个例子

[video url="https://cloud.amogu.cn/directlink/1/视频/demo.mp4" width="100%" height="500px"]

效果

love2wind

修改插件只保留video标签

修改 /vendor/moerio/mixture/extend.php

<?php

use Flarum\Extend;
use Flarum\Frontend\Document;
use s9e\TextFormatter\Configurator;

return [
    (new Extend\Frontend('forum'))
        ->content(function (Document $document) {
            $document->head[] = '';
        }),
    (new Extend\Formatter)
        ->configure(function (Configurator $config) {
	        $config->BBCodes->addCustom(
                '[video url="{URL1?}" width="{URL2?}" height="{URL3?}"][/video]',
                '<iframe src="{URL1}" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" width="{URL2}" height="{URL3}" frameborder="0"></iframe>'
            );
        })
];

love2wind

音频演示：

[aplayer name="全英文Disco顶级强劲震撼2k15收费TechnoTrance串烧" artist="DJ" url="http://mx.djkk.com/mix/2015/2015-4/2015-4-4/201544213614.m4a" cover="https://dd-static.jd.com/ddimg/jfs/t1/155700/9/30398/17965/631b815bEc33b6b82/b2249a5a484fcbaf.png"]

love2wind

视频演示：

[video url="https://cloud.amogu.cn/directlink/1/视频/demo.mp4" width="80%" height="500px"]

官方QQ群

官方TG群

微信公众号