28

html5でshoutcast（または一部）のインターネットラジオストリームを再生することは可能ですか？

だから私は次のコードを持っています：

<html>
<body>
<audio src="http://shoutcast.internet-radio.org.uk:10272/" />
</body>
</html>

HTMLページとして保存し、ブラウザを起動します（Google chrome 4.0.249.78、safaryまたはFF）

しかし、それは再生/動作しません！（

そして、私がプレイしようとした他のインターネットラジオでは再生されません！（

なぜ！？！私は何が間違っているのですか？

ところで：HTML5から（まだ開発中の次世代の追加を含む）2.6.1プロトコルの概念 ユーザーエージェントはさまざまな転送プロトコルを実装できますが、この仕様は主にHTTPの観点から動作を定義します。[HTTP]

HTTP GETメソッドは、プロトコルのデフォルトの取得アクションと同等です。たとえば、FTPのRETR。このようなアクションは、HTTP用語では、べき等で安全です。

HTTP応答コードは、同じ基本的な意味を持つ他のプロトコルのステータスと同等です。たとえば、「ファイルが見つかりません」エラーは404コードに相当し、サーバーエラーは5xxコードに相当します。

HTTPヘッダーは、同じ基本的な意味を持つ他のプロトコルのフィールドと同等です。たとえば、HTTP認証ヘッダーはFTPプロトコルの認証の側面と同等です。

4

10 に答える 10

45

httpリクエストの最後にセミコロンを追加します。これは、ブラウザの検出を無効にするためにshoutcastによって設定されたプロトコルです。この例のように：

<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>
于 2010-07-06T00:15:14.463 に答える
16

HTML5は、プレーヤーがサポートする必要のあるオーディオ形式（プログレッシブかストリーミングか）を指定していません。それは、需要と実装の実現可能性に基づいて、ブラウザが決定することです。以前のドラフトでは、すべてのブラウザがサポートする必要のあるいくつかのベースラインコーデックと形式を指定しようとしましたが、可能な形式のそれぞれにより、一部のブラウザベンダーはそれを実装することを拒否しました。

以下はSafari（4.0.4、WebKit nightly 6531.21.10、r54538、Mac OS X 10.6.2）で動作するように見えますが、ChromeまたはFirefoxでは動作しません。

<!DOCTYPE html>
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio>

（<audio>HTMLシリアル化で終了タグが必要であり、XMLスタイルの自己終了タグを使用できないことに注意してください。実際にオーディオを開始するには、controlsまたはを含める必要があります）autoplay

これは、Safariが指定されたオーディオおよびビデオのURLを処理するためにQuickTimeを使用するだけであり、QuickTimeがすでにShoutcastをサポートしているため、Safariが「無料」でShoutcastをサポートしているためと考えられます。QuickTimeのHTTP実装は、親切に言えば、まあ、風変わりなので、これはいくつかの奇妙なバグにつながる可能性もあります。

ShoutcastをサポートしていないブラウザでShoutcastのサポートを求めるバグを報告することをお勧めします。Firefox（Gecko / Mozilla）、Chrome（Chromium）、Safari（Windowsなどで動作しない場合）のバグトラッカーは次のとおりです。

于 2010-02-10T02:50:57.830 に答える
10

ShoutCastでそれを行うことはできませんが、Icecastとedcastクライアントを使用すると、HTML5<audio>タグを介してライブのvorbisトラフをストリーミングできます。http://your-url.com:port/stream.ogg：pをポイントするだけです。

于 2010-06-06T23:02:23.100 に答える
4

よくogg_vorbisステーションをチェックしました。プレイリストをダウンロードしてメモ帳で開き、ストリームのURLをコピーしました。したがって、テストする場合は、これを空のファイルにコピーして、something.htmlという名前を付けます。

<!DOCTYPE html>
    <html>
    <head>
    <title>audio testing live stream!</title>
    </head>
    <body>
    <audio controls="controls" autoplay="autoplay" src="http://oggvorbis.tb-stream.net:80/technobase.ogg">
    </audio>
    </body>
</html>

それでおしまい！

BB

于 2011-02-06T20:29:18.600 に答える
4 
<!DOCTYPE html>
<audio controls src="http://baldyradio.com:8010/;"></audio>

これはIE9のリリースバージョンで機能します。FireFox4では同じことが言えないのは悲しいことです。

于 2011-04-03T08:25:26.033 に答える
2 
<audio controls src="http://example.com:8000/mountpath;"></audio>
于 2010-10-16T13:45:15.633 に答える
2

HTML 5オーディオ仕様（http://www.w3schools.com/html5/html5_audio.asp）を読むW3Cは、どのフォーマット（MP3またはOGG）がどのブラウザーでサポートされているかを概説しています。

私がすることは、MP3とOGGストリームをストリーミングするicecastサーバー（ShoutCastではない）を持っていることです

javascriptを使用してブラウザタイプを検出します-http ://www.javascripter.net/faq/browsern.htm

if（ブラウザはHTML5をサポートしていません）{メッセージを出力します-新しいブラウザを使用します}

if（ブラウザはHTML5およびOGGストリーミングをサポートします（W3cのリストを使用））{SRCタグでicecastサーバーからのOGGストリームを使用します}

if（ブラウザはHTML5 MP3ストリーミングをサポートしています（W3Cのリストを使用））{SRCタグでicecastサーバーからのMP3ストリームを使用します}

私はこれがすべての主要なブラウザをカバーし、おそらく将来あなたが見つけるであろうほとんどの人々の問題を解決すると思いますこれはより多くのブラウザがサポートするので冗長になるでしょう

于 2011-03-30T08:13:23.140 に答える
2

上記の投稿は正しい答えを示していますが、スラッシュの使用については言及されていません。必ず/; ストリームのURLとポートの後にあります。

<audio src="http://shoutcast.internet-radio.org.uk:10272/;" />
于 2016-03-13T09:26:50.220 に答える
1

FirefoxとOperaは、mp3などの非フリーコーデックをサポートしていません（Opera 10.5 alpha、FF 3.5以降は、オーディオ用にPCMwavとOggVorbisのみをサポートしています）。ただし、ChromeとSafariはMP3をサポートしていると思います。

次の問題は、URLがストリームではなく、ストリームを説明するWebページを指しているように見えることです。

最後に、私が知る限り、オーディオ要素のプレイリストパーサーを実装している人は誰もいません（仕様にはプレイリストではなくオーディオファイルのみが記載されています）。これは、[聞く]をクリックしてもプレイリストが表示されるため、ここで問題になります。生のストリームよりも。

于 2010-02-09T23:28:08.480 に答える
1

はい、ShoutCast2をプレイできます。このように使用します

<audio preload="none" autoplay="autoplay" controls="controls">
    <source src="http://178.32.62.172:9079/stream" type="audio/mpeg">
    Your browser does not support this player, please update the version
</audio>
于 2018-03-09T13:12:49.603 に答える