ちゅんブラとは

？

 
ちゅんラヂ
Booskanium's
ちゅんラヂ Tips.

ちゅんブラって何？

ちゅんブラ（旧名：ちゅんラヂAID）はウェブ・アプリであるちゅんラヂの専用ブラウザです。
略して『ちゅんブラ』。

ちゅんブラを使う利点

汎用ブラウザでは聞けなかったラジオ局が聞ける

・民放ラジオ局が聞ける。
・制限のあるラジオ局が聞ける。
これによりNHKラジオ,民放ラジオ,コミュニティFMを分け隔てなく受信できます。

実行時リソースが小さい

メモリー利用量とCPU使用率が汎用ブラウザより小さい。

■最新版【α9.5(0.9.5)】をダウンロード

・ダウンロード前に、後述の「インストールと起動オプション」お読みください。
・ダウンロードファイル
Windows版：tr_aid-win32-x64.zip
Linux版：実験的
Darwin版：公開未定

ちゅんブラで聞けるラジオ

国内のサイマルラジオは
☑らじる★らじる*1
☑民放ラジオ各局*2
☑コミュニティFM(JCBA,ListenRadio等)*3
☑AFN Pacific

その他一部のネットラジオ
☑国内ネットラジオ
☑BBC
☑AFN 等

ちゅんブラで受信可能なプロトコル

・Icecast互換
・HLS
・MPEG-DASH
・JCBA独自プロトコル*1

ちゅんブラのプラットホーム

稼働OS環境
OS 稼働条件
Windows Windows 7+
Ubuntu Ubuntuは最新LTS版で動作確認
他のLinuxディストリビューションは未確認
macOS MACは未対応
・そもそも保有していない
・対応していないコーデック有り

ちゅんブラのプライバシーポリシー

・ちゅんラヂはCookieを利用しておりません。
※ただし再生するラジオの配信元が行うCookieなどの収集は、各配信元のプライバシーポリシーを参照して下さい。

・位置情報を扱いますがこれを収集する行為は行いません。
※ジオロケーションAPI(ip-api.com)を利用しています。

・選局データや操作情報をローカルストレージに保持(キャッシュ)しますが、この情報を収集する行為は行っておりません。

・その他、利用者の選局動向や如何なる動向も収集いたしません。
※ただし、レンタルサーバー側で行われるアクセス統計は、上記プライバシーポリシー効力の範囲外です。

補足

インストールと起動オプション

☑インストールと更新

※当α版にはインストーラは準備しておりません。
　万人向けではなくてすみません。

Explorerで適切なフォルダー(ディレクトリ)を作る
※以下の説明はc:\tuneRadiフォルダを作成したことを前提に説明

作成したフォルダにダウンロード
Windows版：tr_aid-win32-x64.zip
※Electron環境なのでファイル サイズが大きくて御免なさい。

ダウンロードした圧縮ファイルを解凍する
WindowsならExplorerでフォルダの様に参照できる
ここから作成したフォルダにコピー。
更新は上書きコピーしてください。

☑アンインストール

解凍したディレクトリを削除してください。
「C:\Users\～ユーザープロファイル名～\AppData\Roaming\tr_aid」ディレクトリを削除
レジストリーは汚していません。

☑起動

解凍したディレクトリにある「tr_aid.exe」を実行(クリック)
拡張子非表示設定ならアイコンが表示されているtr_aid

※Windows Defenderにより実行が中止される場合があります。
その場合は「詳細」をクリックして「実行」してください。
なお、当プログラムは
・バンドル前後にウィルススキャンを実施しています。
・個人作成のフリーウェアです。Microsoftのコード証明書を取得する予定はありません。

常用するならtr_aid.exeのショートカットをデスクトップに作成
ショートカットのリンク先に起動オプション（コマンドライン引数）が指定できます。
・都道府県補正：前述のとおり
・自動受信：「tr_aid . autoplay」
・特定局自動受信：「tr_aid . autoplay hash=局コールサイン@JP01～JP47」

☑停止

Window枠右上のバッテンをクリック

コマンドプロンプトで起動した場合は不具合が発生する環境があるようです。
・ちゅんブラを停止してもプロンプトが復帰しない。
・上記の場合はCtrl+cで復帰させて下さい。
・タスクマネージャでtr_aidが残っていたら止める。

☑起動オプション

  • オプション名
    オプション値
    説明
  • 「 . 」
    空白ドット空白
    必須指定
    Electron環境の起動オプション指定の最初の引数には意味がある。
    最初の引数がドットの時はカレントディレクトリーのエントリーポイントから実行するという意味。
  • autoplay
    値なし
    注意：起動と同時に音がでます。
    ちゅんブラには汎用ブラウザで実施されている自動再生制限はありません。
  • pref
    都道府県コード
    位置判定は「ip-api.com」で行っております。
    この位置判定が民放ラジオ配信側の位置判定と異なり、聞けない場合があります。
    その場合はちゅんブラの起動オプションで正しい県域を指定して下さい。
    ・東京を指定する例：tr_aid . pref=13
    prefで指定する数字(1～47)は都道府県コードです。
    民放ラジオ局側判定の聴取可能県域と矛盾する指定をした場合の聴取可否は関知致しません。
    ※プライバシーポリシー
    ・ちゅんラヂは利用者の現在地を収集致しません。
    ※民放ラジオのチュンイン確認
    ・「pref=99」で津々浦々な聴取確認ができます。
  • hash
    局コールサイン@JPxx
    例 hash=JOAK@JP13
    東京都のNHK AM放送に自動的にチュンイン
    ・JOAK：NHK AMのコールサイン
    ・JP13：東京都　「13」の部分は都道府県コードです。

    受信中の各放送局のハッシュ値は「あばうと」タブの中の|環境|→|ちゅんラヂURL情報|→|ハッシュ値|に表示されています。
  • win
    X,Y,W,H,M
    起動時Window枠の位置とサイズをピクセル値で指定する起動オプション
    win=X,Y,W,H,M
    　X 枠左上の横位置
    　Y 枠左上の縦位置
    　W 枠幅、最低値は330
    　H 枠高、最低値は330
    　M モード
    　　 無指定:自動調整有り
    　　 0:自動調整無し
    　　 1:自動調整有り
    　　 上記以外:自動調整有り

    前回表示位置と枠サイズの再現より当該起動オプションが優先される。
    当該起動オプションの書式が間違っている指定は黙って無視される。
    モードはスクリーンの作業エリアからのはみ出しの自動調整の有無を指定する。

    事例
    win=0,0,360,640 枠幅360px且つ枠高640pxで左上配置
    win=0,9999,360,640 枠幅360px且つ枠高640pxで左下配置
    win=9999,0,360,9999 枠幅360px且つ枠高100%で右側配置
    win=0,0,360,9999 枠幅360px且つ枠高100%で左側配置
    ※大きな値9999は自動調整に委ねている。

    はみ出し自動調整の不都合な余白
    右側と下側に妙な余白が発生する場合があります。これを回避する事例
    条件：フルHDディスプレイの場合
    表示位置：右側寄せ
    表示サイズ：横360ピクセル×縦100%

    win=1570,0,360,1038,0
    ※５番目のパラメータ「0」は自動調整無し指定です。
    ※環境によって値が微妙に異なります。

    妙な余白の原因はElectron APIに有りました。
    ・スクリーンの作業エリアサイズを得るAPIからOS上の解像度を得る
    　　├→得た解像度をはみ出さないように調整する処理を行う
    　　├→Window作成するAPIでは、サイズがこの解像度に強制的に抑えられる
    　　├→この解像度より実際の解像度が数ドット大きい環境がある
    　　└→結果として右側と下側に余白ができる
    上記のちょっとややこしい不都合な動作ですが、ちゅんブラはトリッキーな方法で回避しました。
    このElectron APIの不都合な動作が、利用しているElectronバージョンだけなのかは不明です。

ちゅんブラを必要とした背景

少しプログラミング的なことですので興味がある方はお読みください。

ウェブアプリでは超えられないハードルがある

・混在コンテンツに対して各ブラウザが
　・HTTPSからHTTPへの切替NGになってきた
　・HTTPSを強要する設定が始まった
・各ブラウザのクロスドメイン制限がきつくなってきた
つまり、ちゅんラヂをウェブアプリとして成立させ続ける事が難しくなってきました。

ちゅんブラの落書き環境は

ちゅんラヂを閉塞した状況から脱却させるには、ブラウザでの実行環境から脱獄させるしかないという考えに至りました。
その脱獄ツールとして「Node.js + Electron」という組み合わせを選択しました。
これを選んだ理由
・ウェブアプリのちゅんラヂをそのまま活かせる
・マルチプラットホーム(Windows,Linux,MAC)
　└→落書き人の実態はWindowsとLinuxのみ、MACは入手予定なし^^;
・Windows 7でも利用できる
　└→落書き人のネットラジオ環境として未だに活躍中！？
　　　└→このハードが壊れたときがWindows 7対応をやめる時

バージョン遷移

α1(00.01.00)
デスクトップ化篇

α2(00.02.00)
ブラウザ脱獄篇

α3(00.03.00)
ブラウザ脱獄篇
【シーズン２】

α4(00.04.00)
リスラジ受信改善

α5(00.05.00)
若干の不具合改善

α6(00.06.00)
radikkoリサイズ等に対応

α7(00.07.03)
民放ラジオに対応

α8(00.08.00)
開発環境調整版

α9(00.09.00)
正式版(R1)にリリース調整版

内部バージョン番号について
xx.xx.xx（メジャーバージョン番号.機能連番.機能調整連番）
メジャーバージョン番号:大きなリリース番号 ※00は機能単位を確認するα版

外部バージョン番号について
α機能確認連番：機能単位
βメジャー番号：リリース候補でちゅんラヂサイトのみで公開
Rメジャー番号：リリース版でVector等で公開

ちゅんブラの開発環境

決定した開発環境

落書き人のウェブ・ラジオ聴取環境がWindows 7であるために、少々ふるいバージョンを利用しています。

node.js v18.17.00
　※Windows7ではバージョンチェック回避が必要
npm 9.6.7
Electron v22.3.27
electron-packager 17.1.2
typescrpt 5.3.3
ts-loader 9.6.2
webpack 5.106.1
webpack.cli 7.0.2

検討した開発環境

「Node.js+Electron」環境を選択しました。
「Rust+Tauri」環境も検討してみました。しかし、ちゅんブラに必要となる重要な部分を担うAPIがまだ無いのです。
「WebView」を利用したPythonでの環境も検討しましたが、Tauri同様な理由で見送りました。
「Capacitor」も検討してみましが、Tauri同様な理由で見送りました。

開発ツールの機能比較
  Web頁
を操る		 Webアク
セス介在		 ブラウザ
ナビ利用		 ローカル
アクセス
Electron ◎ ◎*1 ○*3 ◎
WebView ○ ☓ ☓ ◎
Tauri ○ △*2 ☓ ◎
Capacitor ○ △*2 ☓ ◎

こうやって比べると
・Electronは専用ブラウザ構築の条件を満たしている
・TauriはWebViewを利用した一つの選択肢といえる
*1 Chromiumに関与するAPIが抱負で容易
*2 Webアクセスへの関与は困難
*3 ブラウジングのナビへの関与が可能なのはElectronのみ

プラット ホーム
  Windows macOS Linux Android iPhone
Electron ◎ ○ ◎ ☓*2 ☓
WebView △*1 △*1 △*1 △*1 △*1
Tauri*3 ◎ ◎ ◎ △*4 △*4

*1 プラットホームにより開発形態が異なる
*2 実験的なもので実用性は乏しい
*3 プラットホームに関係なく言語はRust統一が利点
*4 α版(2023現在)