<video id="live" autoplay controls>
<source src="http://[WOWZA-IP]:1935/Live/mp4:[LIVESTREAMNAME]/playlist.m3u8" type="video/mp4" />
</video>
html5ビデオタグを使用してh264でエンコードされたライブストリームを再生しようとしています。ライブストリームはwowzaメディアサーバーによってブロードキャストされ、srcリンクにアクセスすると有効なプレイリストファイルが取得されます。アンドロイドクロムブラウザでストリームを再生しようとすると、プレーヤーは何もせずに黒い画面を表示します。html5ビデオタグを使用してApple HLSライブストリームを再生するには
このhtml5ビデオタグに関連する問題はありますか、またはブロードキャスターですか？
これらは、html5ソースタグを使用して再生できる形式です。
ビデオフォーマットを、エンコードされたビデオストリームとオーディオストリームを含むzipファイルと考えてください。
.mp4 = H.264 + AAC
.ogg/.ogv = Theora + Vorbis
.webm = VP8 + Vorbis
ありがとうございます。私はAACの代わりにMP3経由でH.264をストリーミングしていました。 –
私はhttps://developer.apple.com/streaming/examples/からストリームを試しましたが、フォーマットはすべてH.264 + AACであっても再生していません。どんなアイデアが問題なの？ – MA1
フラッシュを使用しての回避策について、あなたはFlasHLSクロムレスプレーヤーを使用することができます：あなたがウェブのために気にしなければならない3つのフォーマットは（WEBM、MP4およびOGV）です。 Media Source Extensionをサポートしているブラウザで
あなたは、このためのソリューションの良い範囲が実際にありhttps://github.com/dailymotion/hls.js
を使用することができます。一つの解決策は、HLSを再生できるかどうかを検出するために、次のようになります。
document.createElement('video').canPlayType('application/vnd.apple.mpegURL') !== ''
しかし、これはあなたが再生をサポートしないデバイス上のHLSコンテンツを再生することができません。現在、Microsoft Edge、iOS Safari、OS X Safari、Android（however, I strongly advise against using HLS on Android due to limitations）の再生のみがサポートされています。
HTML5のすべてのプラットフォームでHLSを再生する他のソリューションは、THEOplayerなどのHTML5 HLSプレーヤーを使用することです。彼らはall popular platforms and devices（Media Source Extensionがサポートされていないプレーヤーを含む）でHLSをプレイできるように管理しました。現在、サポートされているブラウザとプラットフォームのリストには、Windows、Linux、Mac OS X、Android、iOS、Windows Phone上のInternet Explorer、Edge、Firefox、Chrome、Opera、Safariが含まれます。
お試しFlowPlayerこれは、サーバー側で最小の労力で完全なHLSサポートを提供します！
Wowzaには、公開ストリームをstrobe.js APIを使用してHTML5ビデオタグ内で再生するManifest.f4m形式に変換するためのinbuildトランスコーダがあります。 Link - https://sourceforge.net/adobe/smp/wiki/JavaScript%20API/ – Altanai
いくつかのhlsサポートモジュールを使用できます。
https://stackoverflow.com/a/48003736/9143855 –