pceplayer.js

P/ECE の標準音楽ドライバーファイル (*.pmd) ファイルを Web ブラウザだけで再生します。

Chrome (Win/Mac/Linux/Android), Safari (Mac/iOS), Firefox (Mac), Edge で動作確認しています。

UI としてはページ全体を使うフル版と、Web ページに埋め込んで使うウィジェット版があります。

使い方

Git と Node と Ruby をインストールしておきます。

1. $ git clone https://github.com/autch/pceplayer.js.git
2. $ cd pceplayer
3. ./pmd/ ディレクトリに pmd ファイルを置く
4. $ ./gen_list.rb pmd/ > list.json
5. list.json ファイルに pmd ファイルから抽出したタイトル情報が入っているので、必要に応じて修正する。
6. pceplayer/ ディレクトリの中身全部を Web サーバから見えるようにし、index.html を開けばフル版で再生可能

埋め込み方

1. 上記手順を済ませる。
2. test.html の内容に倣って、ウィジェットを貼りたいページに以下のタグを配置する。<script src="./embed.js" data-width="400" data-height="300" data-url="./list.json"></script>
3. data-width, data-height, data-url 属性を必要に応じて修正する。
4. pceplayer/ ディレクトリの中身全部を Web サーバから見えるようにする。