HEXO Aplayer で mp3 を鳴らしてみる。

サイトに設置できるJavaScriptの音楽プレイヤーがないかと探していたらAPlayerというのを見つけて、HEXO用のプラグインもあったので試してみました。

• 配布元
• インストール
• プレイヤーの表示

配布元

hexo-tag-aplayer GitHub
https://github.com/MoePlayer/hexo-tag-aplayer

インストール

bash

npm install --save hexo-tag-aplayer

プレイヤーの表示

記事内で指定の形式で書くだけ。
ファイルパスがうまく設定できなかったんですが、できればアセットフォルダの設定を予めしておいたほうが良いみたいです。

[YOUR_ARTICLE].md

{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}

一曲ずつならこんな感じ。

プレイリストはこんな感じ。

プレイリストもREADMEにある通り書けば良いのですが、コメントしてある説明文を入れるとだめみたい。 説明のコメントを全部消すと無事表示されました。
詳しくはGitHubのREADMEを参照ください。
本格的に使いたくなったら他の設定も試してみようかと思いますが、ひとまず試してみてご紹介まで。
気が向いたら追記します。 :))