radio.10yendama.comは、PCやスマートフォンのブラウザから利用できる軽量なWebラジオプレイヤーです。
専用アプリケーションのインストールやユーザー登録は必要ありません。M3Uプレイリストから聴きたいジャンルを選び、複数の配信サーバーを切り替えながらストリーミング音声を再生できます。
今回、スマートフォンでも操作しやすいように画面レイアウトを見直し、M3U解析、サーバー切り替え、再生状態表示なども改善しました。
radio.10yendama.comとは
radio.10yendama.comは、M3Uプレイリストからジャンルと配信サーバーを選択し、ブラウザ上でストリーミング音声を再生できるWebプレイヤーです。
PCとスマートフォンの両方に対応しており、ブラウザ標準のAudio機能を使って再生します。
主な特徴は次のとおりです。
- 専用アプリケーションのインストールが不要
- PC・スマートフォンのブラウザから利用可能
- M3Uプレイリストによるジャンル選択
- 複数の配信サーバーを切り替え可能
- シンプルで軽量な再生画面
- 最後に選択したサーバーをブラウザへ保存
Webラジオの使い方
操作はシンプルです。
- Genreから聴きたいジャンルを選択します。
- サーバー選択欄から再生したい配信サーバーを選びます。
- ブラウザ標準プレイヤーの再生ボタンを押します。
- 再生できない場合は、左右のボタンから別のサーバーへ切り替えます。
M3Uプレイリストに複数の配信URLが含まれている場合は、同じジャンル内で利用可能なサーバーを順番に試せます。
スマートフォンでも使いやすい画面へ改善
これまでPCではプレイヤーが画面中央に表示されていましたが、スマートフォンでは画面上部へ寄ってしまう場合がありました。
今回の更新ではレイアウトを見直し、PCとスマートフォンのどちらでもプレイヤーが画面中央へ配置されるようにしました。
あわせて、次の点も調整しています。
- モバイル画面での横スクロールを解消
- セレクトボックスとプレイヤーの横幅を最適化
- 画面下部のフッター位置を安定化
- スマートフォンのセーフエリアを考慮
- 長いサーバー名が画面を押し広げないよう改善
- 片手でも操作しやすいボタン配置
操作項目を増やしすぎず、アクセスしてすぐ使えるシンプルな画面を維持しています。
配信サーバーの切り替えUIを小型化
M3Uプレイリストに複数の配信URLが登録されている場合、プレイヤー上で利用するサーバーを切り替えられます。
サーバー選択欄をコンパクトにし、左右のボタンから前後のサーバーへ移動できるようにしました。
現在選択されているサーバーと再生状態は、次のような短いメッセージで表示されます。
Playing · 5/5 · funkytown bibahouseスマートフォンで長い説明文が画面を圧迫しないよう、通常のステータス表示は短く保っています。
M3U解析と再生処理を改善
プレイヤー内部のJavaScriptとM3U解析処理も整理しました。
主な改善点は次のとおりです。
- M3U内の複数ストリームURLを選択可能
#EXTINFに記載された配信名へ対応- BOMや改行コードの違いを考慮
- 配信URLをHTML Audioへ直接設定
- 最後に選択したサーバーをブラウザへ保存
- 接続中、再生中、バッファリング、接続失敗などの状態表示を改善
- JavaScriptで問題が起きた場合もプレイヤー本体を残すフォールバックを追加
配信ストリーム全体をJavaScriptで先読みする方式は使わず、ブラウザ標準のAudio機能で直接再生する構成にしています。
これにより、長時間再生時の不要なメモリ消費や、接続処理の複雑化を避けています。
プレイヤーUIを英語へ統一
radio.10yendama.com単体で見たときにも分かりやすいよう、プレイヤー画面に表示される文言は英語へ統一しています。
代表的な表示は次のとおりです。
- Genre
- Playing
- Connecting
- Buffering
- Ready
- Previous server
- Next server
- Privacy Policy
短く一般的な表現を使い、PCとスマートフォンのどちらでも見やすいUIにしています。
ラジオが再生できない場合
配信元によっては、HTTPSページからHTTPストリームを再生する際に、ブラウザのセキュリティ機能によって接続が拒否される場合があります。
また、次のような配信元サーバー側の事情で再生できないこともあります。
- ストリームが停止している
- 配信URLが変更されている
- 同時接続数の上限へ達している
- 一時的なネットワーク障害が発生している
この場合は、左右のサーバー切り替えボタンから別の配信サーバーを試してください。
軽量でシンプルなWebラジオとして運用
radio.10yendama.comは、大規模な音楽配信サービスではありません。
M3Uプレイリストとブラウザ標準機能を組み合わせ、軽量・シンプル・迷わず使えることを重視したWebラジオプレイヤーとして開発・運用しています。
今後も実際の利用状況を確認しながら、操作性、ブラウザ互換性、プレイリストの保守性を改善していく予定です。
スマートフォンからも利用しやすくなったので、ぜひ試してみてください。
radio.10yendama.comを使ってみる
十円玉ドットコムが公開しているほかのソフトウェアやWebサービスは、次のページにまとめています。
コメント