web-bml
Webブラウザで動作するデータ放送ブラウザ(BMLブラウザ)
デモ https://otya128.github.io/web-bml
動作環境
- LinuxまたはWindows上のnode.js (v16.x)
- 新しめのFirefoxまたはChromium系ブラウザ
- ffmpeg (動画視聴する場合)
使い方
git clone --recursiveするかサブモジュールを初期化
git submodule init
git submodule update
Mirakurunからの放送、EPGStationからの録画または引数に与えたファイルを再生できます。
実行方法
yarn workspace @chinachu/aribts build
yarn build
yarn start [input.ts]
localhost:23234
実行方法(コンテナ)
docker build -t web-bml .
docker run --rm --name web-bml -e MIRAK_URL=http://localhost:40772 -e EPG_URL=http://localhost:8888 -p 23234:23234 web-bml
ファイルを試す場合:
docker run --rm --name web-bml --mount "type=bind,source=PATH-TO-TS.ts,target=/app/input.ts,readonly" -e INPUT_FILE=input.ts -p 23234:23234 web-bml
MirakurunとEPGStationが既にコンテナで動いている場合:
docker run --rm --name web-bml --net=host -e MIRAK_URL=http://localhost:40772 -e EPG_URL=http://localhost:8888 web-bml
docker run --rm --name web-bml --net=xxxx -e MIRAK_URL=http://mirakurun:40772 -e EPG_URL=http://epgstation:8888 -p 23234:23234 web-bml
動画形式
null以外はffmpegが必須
?format=...&demultiplexServiceId=...&seek=bytes
- null
- ブラウザ向けに動画をエンコードせずデータカルーセルのみをデコードする
- データ放送のみのサービス(NHK BS1 707ヘルプチャンネルなど)はこれじゃないと表示できないことがある
/channels/BS/BS15_0/stream?demultiplexServiceId=707&format=null
- mp4
- <video>のみで再生する
- 字幕非対応
- h264-mpegts
- デフォルト
- mpegts.jsを利用
- 低遅延で再生されるまでが速い
- aribb24.jsによる字幕に対応
- 生配信にのみ対応
- ただしffmpegのオプションに-reを付けて等速にしているため録画でも一応は動く
- hls
- hls.jsを利用
- aribb24.jsによる字幕に対応
- 特に理由がなければh264-mpegtsで良い
設定
環境変数か.envファイルに以下のように記述
MIRAK_URL=http://localhost:30772/
MIRAK_URL
MirakurunのURL
デフォルト値 http://localhost:40772/
EPG_URL
EPGStationのURL
デフォルト値 http://localhost:8888/
FFMPEG
ffmpegの実行ファイル
デフォルト値 ffmpeg
FFMPEG_OUTPUT
1であればffmpegの標準エラー出力をリダイレクト
デフォルト値 0
HLS_DIR
HLSを使う場合の一時出力先
デフォルト値 ./hls
PORT
待ち受けるポート番号
デフォルト値 23234
HOST
待ち受けるホスト
デフォルト値 localhost
INPUT_FILE
入力ファイル
フォント
丸ゴシック用にKosugiMaru(モトヤLマルベリ3等幅)、ゴシック用にKosugi(モトヤLシーダ3等幅)がGitHubからダウンロードされ使われます。
制約が厳しいBMLではスペースによるレイアウトがよく使われるためフォントは仕様で規定されている通り等幅であることが必須です。 (UnicodeではなくJISコード基準なので記号なども全角幅であるべき)
外字はOpenTypeに変換されて文字として表示されますがgrayscale-color-indexは無視されます。 Chromium系のブラウザであれば定義通りフォントの大きさに合わせた外字が表示されます。 Firefoxであれば一番大きいサイズが縮小されて表示されます。
実装
STD-B24, TR-B14, TR-B15の仕様を部分的に実装しています。
一部のイベント(CCStatusChanged、MediaStopped)やAPIなどは現状未実装です。