Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/otya128/web-bml
Data broadcasting browser for Japanese TV
https://github.com/otya128/web-bml
Last synced: 3 days ago
JSON representation
Data broadcasting browser for Japanese TV
- Host: GitHub
- URL: https://github.com/otya128/web-bml
- Owner: otya128
- License: mit
- Created: 2022-03-05T14:36:24.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-09-11T12:15:44.000Z (about 1 year ago)
- Last Synced: 2023-11-07T20:16:02.871Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 1.38 MB
- Stars: 222
- Watchers: 8
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# web-bml
Webブラウザで動作するデータ放送ブラウザ(BMLブラウザ)
デモ https://otya128.github.io/web-bml
## 動作環境
* LinuxまたはWindows上のnode.js (v16.x)
* 新しめのFirefoxまたはChromium系ブラウザ
* ffmpeg (動画視聴する場合)
## 使い方
git clone --recursiveするかサブモジュールを初期化
```sh
git submodule init
git submodule update
```
Mirakurunからの放送、EPGStationからの録画または引数に与えたファイルを再生できます。
### 実行方法
```sh
yarn workspace @chinachu/aribts build
yarn build
yarn start [input.ts]
```
localhost:23234
### 実行方法(コンテナ)
```sh
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
```
ファイルを試す場合:
```sh
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が既にコンテナで動いている場合:
```sh
docker run --rm --name web-bml --net=host -e MIRAK_URL=http://localhost:40772 -e EPG_URL=http://localhost:8888 web-bml
```
```sh
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などは現状未実装です。