web-bml

Webブラウザで動作するデータ放送ブラウザ(BMLブラウザ)

デモ https://otya128.github.io/web-bml

動作環境

• LinuxまたはWindows上のNode.js (v22とv24で動作確認済)
• 新しめのFirefoxまたはChromium系ブラウザ
• ffmpeg (動画視聴する場合)

使い方

Mirakurunからの放送、EPGStationからの録画または引数に与えたファイルを再生できます。

実行方法

ライブラリ部分をビルド:

npm ci
npm run build

npm -w example run build
npm -w example run start [input.ts]

localhost:23234

実行方法(コンテナ)

docker build -t web-bml .
docker run --init --rm --name web-bml -e MIRAK_URL=http://localhost:40772 -e EPG_URL=http://localhost:8888 -p 23234:23234 web-bml

ファイルを試す場合:

docker run --init --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 --init --rm --name web-bml --net=host -e MIRAK_URL=http://localhost:40772 -e EPG_URL=http://localhost:8888 web-bml

docker run --init --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等幅)が含まれています。

制約が厳しいBMLではスペースによるレイアウトがよく使われるためフォントは仕様で規定されている通り等幅であることが必須です。 (UnicodeではなくJISコード基準なので記号なども全角幅であるべき)

実装

STD-B24, TR-B14, TR-B15の仕様を部分的に実装しています。

一部のイベント(CCStatusChanged、MediaStopped)やAPIなどは現状未実装です。