ちゅんラヂ 

.oO ちゅんラヂ Oo.

ちゅんラヂとは

ちゅんラヂは国内ラジオのサイマル配信放送を聴くためのウェブ・アプリです。iNet Radio Receiver(*2)を複製してリニューアルしました。

ここ数年で広義な意味でHTML5関連技術導入が進みました。サイマル配信にもオープンな技術が採用され初めて、モダンブラウザで独自プレイヤーにて聴ける環境が整い始めました。そこでiNet Radio Receiverをちゅんラヂと改名して復活させました。

サイマル配信ラジオを実際のラジオの様に一つの受信機(ちゅんラヂ)で聴けるウェブ・アプリを目指しています。しかし残念ながら配信元の考え方により、他サイトのプレイヤーから聴くことを阻止している配信サイト(*1)があります。その様な配信はブラウザだけでは対応できませんがコンパニオン・アプリ(*3)で聴ける様にする予定です。

操作説明

操作方法ですが、説明が要らないユーザーインターフェイスを目指しております。もし説明なしでは操作できない部分がありましたらお知らせ下さい。改善を考えます。とは言っても補足程度に説明いたします。

ちゅんin(選局一覧)

サイマル放送は都道府県毎にラジオで聴けると思われる放送局を放送周波数順に並べてあります。

ネット専門局は音楽ジャンル毎の文字コード順です。ネット配信専門局のプリセットはここの落書き人がザッピングした局のみです。リンク情報と海外リンクにネットラジオを配信しているサイトや、ちゅんラヂの様にその配信局をまとめているサイトへのリンクがありますので、選局リストに無い局はそちらからお探しください。

① エリア選択

利用しているIPアドレスから自動的に都道府県が判定されます。ここをクリックすると判定エリアの変更ができます。判定エリアはクッキーで保持されますので、次回の起動ではそのクッキー値が優先されます。ブラウザを閉じる時にクッキー削除するように設定している場合は、起動時のエリア自動判定が新たに行われます。なおエリア自動判定はradiko.jpとは一致しない場合があります。その場合は手動で設定変更してください。

起動時に判定されている都道府県の選局リストが展開表示されます。エリア天気は判定エリアに連動しています。

② 放送局の選局

選局されている放送局は背景色がネイビーで文字は白抜きで表示されます。左端のアイコンは配信組織を表します。右端には放送されている周波数が表示されます。その左側に|Oueside Link|と表示されている局は埋め込みではなく公式プレイヤーサイトへの外部リンクです。

サイマル配信は都道府県毎にラジオで聴けるであろうラジオ局の周波数順です。ネットラジオについてはジャンル毎に分類してあります。

③ ちゅんラヂ・プレイヤー

ちゅんラヂ用のネットラジオ受信プレイヤーです。一般的なプレイヤーと同様な操作方法です。音圧の周波数分布を可視化したビジュアライザーが音量変更スライダの箇所に透かし表示されます。ビジュアライザーはWeb Audio APIの制限で表示されない放送局があります。ポーズボタンは受信を停止せずに内部で受信が継続されて保持されますので、ポーズ解除でポース開始時点からの追っかけ再生が行われます。


リンク情報

国内のネットラジオ関連のリンク集です。好みなネットラジオが見つかるかもしれません。

海外リンク

海外発のネットラジオ関連のリンク集です。海外のネットラジオは豊富で好みなネットラジオを探して下さい。

エリア天気

判定エリアと連動している天気予報です。天気マークの部分をクリックすると、対応したエリアの詳細な天気予報ページが開きます。 From Weather Hacks of livedoor.

ちゅんラヂをローカルアプリ風で起動する方法

ちゅんラヂはウェブアプリです。このちゅんラヂを利用するの事で以下の様に感じる方への情報です。

そこでGoogle Chromeを利用してローカルアプリ風に起動する方法です。コマンドプロンプトで以下の様に打ち込んでみて下さい。

これでちゅんラヂがローカルアプリケーション風に起動する筈です。

このコマンドをバッチファイル(*1)にしてディスクトップなどに置いておけば好きな時に起動できます。

パソコン起動時にちゅんラヂを起動したい時は、スタートアップの中に上記コマンドのバッチファイルを置けば可能です。

利用環境と聴けるサイマル配信

利用環境はモダンブラウザです。ちゅんラヂのフロントはXHTML1.1(iNet Radio Receiver時代のまま)です。プレイヤー部分はHTML5とES6(将来的に)とCSS3を組み合わせです。ちなみに、ここの落書き人はWindows 7環境のFirefox,Google Chrome, Vivaldiにて動作確認を行っております。なおアップル系の機器は保有しておりませんのでSafariでの動作可否は不明です。

                                  ┌───────────┐
 ※ちゅんラヂから見た状況です    │       ブラウザ       │
┌─┬────┬─────────┼─┬─┬─┬─┬─┬─┼────┐
│PH│サイマル│   配信方式  │FF│GC│VI│EG│IE│SF│ 備考 │
┝━┿━━━━┿━━━━━━━━━┿━┿━┿━┿━┿━┿━┿━━━━┥
│  │らじる  │HLS(HE-AAC)       │○│○│○│○│☓│?│        │
│パ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │radikojp│HLS(HE-AAC)       │*2│*2│*2│*2│☓│?│        │
│ソ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │JCBA    │HLS(HE-AACv2),icy │○│○│○│○│☓│?│        │
│コ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │CSRA    │mmsh,mmst,srtp    │☓│☓│☓│☓│○│?│WMP依存 │
│ン├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │リスラジ│HLS(AAC)          │○│○│○│○│☓│?│        │
│  ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │AFN     │icy(MP3)          │○│○│○│○│☓│?│        │
┝━┿━━━━┿━━━━━━━━━┿━┿━┿━┿━┿━┿━┿━━━━┥
│  │らじる  │HLS(HE-AAC)       │○│○│-│○│-│?│        │
│ス├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │radikojp│HLS(HE-AAC)       │*3│*3│-│*3│-│?│        │
│マ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │JCBA    │HLS(HE-AACv2),icy │○│○│-│○│-│?│        │
│ホ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │CSRA    │mmsh,mmst,srtp    │☓│☓│-│☓│-│?│        │
│*4├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │リスラジ│HLS(AAC)          │○│○│-│○│-│?│        │
│  ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │AFN     │icy(MP3)          │○│○│-│○│-│?│        │
┝━┿━━━━┿━━━━━━━━━┿━┿━┿━┿━┿━┿━┿━━━━┥
│  │らじる  │HLS(HE-AAC)       │○│○│○│○│☓│-│        │
│あ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │radikojp│HLS(HE-AAC)       │○│○│○│○│☓│-│        │
│い├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │JCBA    │HLS(HE-AACv2),icy │○│○│○│○│☓│-│        │
│る├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │CSRA    │mmsh,mmst,srtp    │○│○│○│○│☓│-│        │
│*5├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │リスラジ│HLS(AAC)          │○│○│○│○│☓│-│        │
│  ├────┼─────────┼─┼─┼─┼─┼─┼─┼────┤
│  │AFN     │icy(MP3)          │○│○│○│○│☓│-│        │
└─┴────┴─────────┴─┴─┴─┴─┴─┴─┴────┘

Android環境の動作状況ですが、Web標準準拠ですのでスマホのブラウザでも利用できる様です。ただしUIをスマホ用に調整していおりませんので現状はスマホでは使いづらいUIです。スクロール操作等がPCとは異なりますので、これに対応するかは未定です。

ちゅんラヂのアクセス先について

以下のサイトにアクセスします。個人情報などのサーバーへの送信や保存は一切行っておりません。

・zdesign.info : ちゅんラヂが置いてあるサイト

・code.jquery.com : jQueryのCDN

・fonts.googleapis.com : フォントのimport URL

・fonts.gstatic.com : フォントの実体

・その他 : 各ネットラジオの配信元

ちゅんラヂへのTLS(https:)アクセスを「http:」に誘導しています

HLS配信でm3u8ファイルへのアクセスがTLSに対応していない配信サイトが有ります。その様な場合に、ちゅんラヂをTLSでアクセスすると混在コンテンツ制限(*1)で、TLS配信に対応していなHLS配信を聴くことができません。

なお「http:」でのアクセスに限定することは時代に逆行していることは認識しております。この処置はプリセットしてあるHLS配信サイトすべてがTLSに対応するまでです。それまでの暫定的は対応です。なお「ちゅんラヂあいる」は混在コンテンツ制限を受けませんので、TLSアクセスが可能で、そのリリース時にはお知らせ致します。

ライセンス

ちゅんラヂのライセンスですがcopyleftです。著作権は放棄しませんがフォークは自由です。

Special Thanks ※お陰様で短期間で対応できました。有難う御座います。

・HLS受信はhls.jsを利用しました。2018/4時点のPCブラウザでHLS再生対応しているのはSafariのみですが、hls.js利用で他のモダンブラウザでもHLS再生が出来る様になります。

Audio Visualizerでプレイヤーに音圧&周波数分布の可視化を実装させて頂きました。利用する場合はこちらの情報もご覧ください。

・エリア天気にライブドアのWeather Hacksを利用させて頂きました。

・エリア判定にIP Geolocation APIを利用させて頂きました。具体的には「http://ip-api.com/json」から戻される位置情報から判定しています。

その他利用方法!!

Web Serverをお使いの方なら、独自な選局リストで利用できます。当サイトのtunein2data.jsを取得して、自分専用の一覧に書き換えてServerにアップロードしてください。そしてちゅんラヂのURLの最後に「?data=アップした選局一覧のURL」で可能です。

聴く局が決まっている時に「開く時のエリアと選局を固定したい。」ということもできます。例えば神奈川県のKamakuraFMなら「https://www.zdesign.info/tunein2radio.html?area=JP14&receive=JOZZ3AF_FM_031_14」とブックマークしておき、これを開けば可能です。reveiveの値は/js/tunein2data.jsのJSONデータを参照して下さい。

禁止事項!!

公序良俗の反するサイトに当サイトを埋め込み及びリンクする行為。

プロプライエタリなソフトウェアに、当サイトの著作物を利用する行為。

当サイトを誹謗中傷する行為。

変更履歴  ※体言止めは肯定です

2018-01-01 iNet Radio Receiverからプレイヤー機能を除いたちゅんラヂを公開

2018-03-xx JCBAやMP3配信している局を埋め込みプレイヤー化(icyでMP3)

2018-04-xx らじる★らじるとListen Radio埋め込みプレイヤー化(HLS)

2018-04-xx エリア天気予想サービスでYahoo!がサービス終了、そしてライブドアに乗り換え

2018-04-xx JCBA等の一部配信に音量と周波数分布を表すVisualizerを実装

2018-04-30 選局変更時に音量調整値を保持、かつ人の耳で感じる音量調整増減比に

2018-05-06 選局欄に配信組織のアイコンを表示

2018-05-07 エリア自動判定を復活

2018-06-01 大きな機能拡張は終息、プリセット局一覧と、ちゅんラジあいる連携等の軽微な調整は続けます

2018-09-04 エリア選択が解りづらいという要望に仮対応

2018-10-11 プレイヤーに状況表示を追加 |…Loading…|…Pausing…|…ERROR…|

未完成な機能や課題:何時になるかは落書き人の都合しだい

・ローカル受信を行うコンパニオンアプリ、現状はα版で一般非公開

・その他、細かな部分で気になっている箇所の改善

・番組情報などを表示(NHK以外は公式なデータ提供が無い為に微妙)

頂いた質問への回答

AndroidでもPCの様にプレイヤー位置固定でスクロールしてほしい

ちゅんラヂは現時点ではスマホでの操作を想定していません。

HTML5のaudio要素を利用していることからスマホブラウザでも聴くことができます。しかし操作系はPC環境を想定したものです。その操作系をスマホに対応させるかは、ちゅんラヂへの機能追加や変更を凍結していますので未定です。

追加してほしいネットラジオがある

お問い合わせフォームから追加して欲しい国内のサイマル配信ラジオをお知らせ下さい。お知らせ頂きたい情報は、そのネットラジオのプレイヤーURLや、そのネットラジオのホームページのURLです。ご返事が必要な場合はメールアドレスも合わせてお知らせ下さい。

技術的にちゅんラヂ・プレイヤーはHTML5のaudio要素を利用していますので特定環境に依存したプロプライエタリな配信は追加できません。また曲ごとの単発ダウンロード配信の場合も追加できないケースが有ります。

なお、ネット配信専門局については、追加可否とジャンルなどの分類は当該落書き人の感覚で行わせて頂きます。また、配信組織とサーバーが所在する国において著作権侵害が疑われるネット配信・公序良俗に反する・反社会的組織・宗教色が強い・特定な思想色が強い等で公共性が希薄なネットラジオについては追加できません。予めご了承下さい。

受信が止まった時にどうしたらいいのですか?

ご質問者はちゅんラヂを再読み込みさせているとの事ですが、選局欄で現在受信中で紺色になっている選局中放送局の所をクリックして下さい。この方法であれば素早く再受信されます。

なお、受信が止まる現象ですが、利用中のネット状態によりパケットが頻繁に途切れる時に発生します。再受信を10回まではリトライしておりますが、これを超えるとリトライを停止させています。リトライを永久に繰り返すとDoS攻撃モドキになってしまいますのでご理解下さい。

また、配信元自体が配信を停止している場合もございますので、聴けない場合は公式サイトで聴けるかをご確認下さい。公式サイトで聴けるのにちゅんラヂで聴けないという事がございましたら、改善を検討しますのでお知らせ下さい。

ビジュアライザーの作り方を教えて?

Special Thanksの項をご覧ください。

radiko.jpを自動再生させてほしい

Webアプリとしては出来ませんので外部リンクにしてあります。radiko.jpはHTTP Headerの「X-Frame-Options」や「Access-Control-Allow-Origin」等でOrigin規制が行われています。ブラウザはこの規制に従っていますので、Webアプリとしてはこれらの制限を回避することは出来ません。

Adblock PlusからuBlockへの乗り換えで聴けなくなったネットラジオがある

これは質問があった訳ではなく落書き人自身が経験した事象です。uBlockは動作が軽く悪質な広告サイトを有効にブロックしてくれます。

その検出方法の詳細はわかりませんが、幾つかのネットラジオ配信がブロックされてしまう事が判りました。身近なところではradiko.jpのプレイヤーがブロックされてしまいます。

そこで、あれ聴けないなと感じたら、uBlockの無効をクリックしてみて下さい。

誤ブロックが有ったとしても、uBlockはAdblock Plusの様にメモリーを異常に多く消費したりしませんので使い続けております。

エリアと選局リストのエリアの違いが解りません

ご指摘の通りでした。iNet Radio Reviver時代は上段に表示されるエリア(都道府県)のみを選局リストに表示する仕組みでした。ちゅんラヂは全都道府県を選局リストに表示している事から、ご質問者の言われる通り意味不明なものになっていました。そこで以下の様に改善しました。

・エリアは以前と同様に現在判定されている都道府県を表示

・その下に選局中の情報には「東京都 > TBS」の様に表示

選局中の都道府県には、選局欄で展開されているグループ名です。その右側が選局中(受信中)の局名です。

判定中のエリアと天気予報の連動は引き続き行います。エリア判定を変更した場合に、選局リストで対応するエリアの一覧を展開させる機能も変更ありません。

これでも解りづらいですね。iNet Radio Receiverと同様に、判定中の都道府県のみを表示する方法も後ほど試してみます。その方がシンプルに思えます。

プレイが止まった時にどうすればいいのか解らない

通常なら選曲リストで、選曲中の放送局をクリックしてください。これで再受信が行われます。

これでも受信が再開されない場合には、[HomePage]をクリックして、公式サイトで聴けるかを確認してください。公式で正常に聴けるのにちゅんラヂで聴けない場合は、その放送局名をお知らせくだされば調査いたします。

なお、下記の局は24時間配信を行っていない様です。

・エフエムしろいしWith-S(CSRAには配信停止とあるが不定期に配信されている)

・FMわいわい (ネット専門局)

・沖縄しまくとぅば放送局 (ネット専門局)

上記以外にも深夜に放送を停波する局があります。

長時間ポーズでその解除後にポーズを行ったところから再生されない

ポーズ機能は受信を続けています。その受信内容は内部で保持し続けていいますので通常ならポースした所から再生が行われます。しかし内部で受信内容を保持する為のリソース(メモリー等)に限界があります。限界はブラウザによっても違うようです。その限界を超えた時にはポーズ時点からの再生が出来なくなります。

そこで長時間ポーズを行う場合は受信を停止させて下さい。受信停止は右上のちゅんラヂアイコンをクリックして下さい。

ちゅんラヂあいる ※現状は実験的なコンパニオン・アプリで非公開です。

サイマル配信ラジオのウェブ・アプリ制限を補完する「ちゅんラジ」用のコンパニオン・アプリです。以下の事が可能になります。

・radiko.jpがちゅんラヂで聴けるようになります(ラジコ プレミアム対応)

・WMP依存なCSRAがモダンブラウザでも聴けるようになります

・メモ録が可能(受信中の放送をメモしたい時にクイック録音)

・スケジュール選局で一日中お気に入りラジオ番組三昧

・Visualizerが機能しなかった局も機能するよになります

・ちゅんラヂ以外のウェブアプリからの利用を制限いたしません

これにより「ちゅんラヂ」はユーザーインターフェイスを担うことになり、受信はFFmpegが行い、「ちゅんラヂあいる」はFFmpegのランチャーとして機能します。つまりウェブアプリ(柔軟なUI)とローカルアプリ(ウェブ制限を受けない機能)の良いとこ取りなハイブリット構成で動作します。

「ちゅんラヂあいる」は動作環境(node.js)が一般的では無い実験的なアプリです。環境ごとパッケージ化して公開できるかを検討中です。