操作説明
説明が要らないユーザーインターフェイスを目指しています。
操作できる箇所にマウスのカーソルを当てると、ポインター又は操作を表すマウスカーソル マークに変わり直感的に判るようにしています。
これでも操作説明が必要な部分があったら落書き人のUIセンスの拙さです。お知らせ下さい。
ちゅんラヂの使い方
① 現在位置の都道府県を表示
IPアドレスで判定された都道府県です。クリックで補正もできます。
下記の場合のエリア判定で利用しています。
・天気予報リンク先
・ちゅんラヂAIDでのradiko県域制限の判定
② リロード
ちゅんラヂの再読み込み
ちゅんラヂが無反応になった場合等にはリロードすること復帰できます。
③ 受信中の放送局名
受信中のパンくず表示
④ Play/Stop
受信の開始と停止
⑤ 音量調整欄など
受信中にドラッグ(スワイプ),フリックで音量調整ができます。
背景には再生音の周波数分布グラフ(Visualizer)が表示されます。
⑥ 時計とタイムカウンター
日時表示と再生タイムカウンターです。
その表示はクリック(タップ)で切り替わります。
⑦ 放送局の選局
選局一覧です。「ウェブ版のちゅんラヂ」と「ちゅんラヂAID」で選局数に違いがあります。「ちゅんラヂAID」の方が受信できる制限が少ないことから選局数が多くなっています。
選局されている放送局欄の背景色が変わります。その右下に「OutsideLink」と表示されている局は埋め込みではなく公式プレイヤーサイトへの外部リンクです。
サイマル配信は都道府県毎にラジオで聴けるであろうラジオ局の周波数順です。ネットラジオについてはジャンル毎に分類してあります。
選局した履歴をブラウザの戻る・進むで遷移できます。ただし、ちゅんラヂAIDは戻る・進むの機能を表示しておりません。
⑧ せっとUP
コンプレッサーとイコライザを設けてあります。
今後、三昧機能を設置する予定です。
⑨ らじリンク
ネットラジオ関連のリンク集
以前は世界の配信元と配信まとめサイトへのリンクを行っていましたが、そのリンクは止めました。
その理由はリンク先が廃止されて、そのドメインが危険サイトに化けるケースが見受けられたからです。
⑩ ちゅんinfo
選局プリセット情報などのお知らせ
⑪ 選局なび/h5>
選局を行うナビ
その他、色々な機能
-
操作内容概要
-
選局状態をブックマーク選局すると、ブラウザのアドレス表示欄に、そのラジオ局を自動選局するURLフラグメントが表示されます。この状態でブックマークしてください。
-
autoplay
自動受信URL引数に「autoplay」を指定して下さい。
Autoplay Policyにより機能しない場合が主です。Autoplay Policyの実装はブラウザによって異なります。
事例 https://7design.jp/tr/?autoplay#JOAK@JP14
※Tips:Chromeの場合
ちゅんラヂを使い続けるとMedia Engagement Index(MEI)のScoreが上がりAutoplayが有効になります。
Chromeのアドレス欄に「chrome://media-engagement」と入力することでMEIのスコアが確認できます。
-
pauseto
受信一時停止STOPボタンにかわり、PAUSEボタンが表示されます。 URL引数に「pauseto」を指定して下さい。
事例 https://7design.jp/tr/?pauseto
※STOPとPAUSEの違い
STOP:受信が止まります。
PAUSE:受信は止まらずポーズした所から再生が再開できます。
※注意事項
長時間Pause状態 PAUSEは音はとまりますが受信は続いています。そして長時間PAUSEして受信再開する場合の動作はブラウザによって不具合で生じます。
それはブラウザによってバッファの扱いが異なるからです。
-
waveVisualizerに音声波形が表示されます。 URL引数に「wave」を指定して下さい。
-
ちゅんラヂ プレイヤーを埋め込み利用音源をブログやホームページで公開したい時、そんな時にちゅんラヂプレイヤーがブログパーツの様に使えます。
埋め込み例 ※変な音が鳴り続けますので音量にご注意ください。 上記の埋め込みコード<iframe src="https://7design.jp/tr/tunein2player.html?cros=anonymous&loop&url=https://7design.jp/media/magic_elevator.mp3" allow="autoplay; encrypted-media" style="width: 100%; height: 48px; border:0;"> </iframe>
は無条件で指定してください。?cros=anonymous
の部分はループ再生を行う指定です。ループ再生を行わないのなら不要です。&loop
の部分は音源ファイルへのURLです。&url=https://7design.jp/media/magic_elevator.mp3