Web ページにビデオ タグを直接配置し、rtmp などのライブ ブロードキャスト アドレスを再生したいのですが、Tencent の x5 ブラウザ カーネルでこれが実現されていることがわかり、自分で実装するのが最善です。
Html5-m3u8-RTMP プロジェクトを参照してください。
以下は公式文書からの抜粋です:
RTMP および M3U8 ライブ ストリーミング 再生-RTMP-HLS-ストリーム(オブジェクト-フラッシュ) [x] 1. ライブストリーミングをサポート: RTMP ライブストリームと HSL ライブストリームを再生します [x] 2. 使用方法: 直接ダウンロードして使用してください。 注: m3u8 の再生はサーバーの下に配置する必要があります [x] 3. デフォルト: RTMP 再生 [x] 4. 遅延: [x] RTMP レイテンシ: 3 秒 [x] HLS レイテンシー: 20 秒 [x] VLC 遅延 (非推奨): 18 秒 [x] 5. クロスドメイン: OK [x] 6. 認証: 不可 [x] テストの進捗状況 [2017年4月10日 16:00 PM] LANにおけるHSLとRTMPストリームの遅延テスト リーリー
再生-RTMP-HLS-ストリーム(オブジェクト-フラッシュ)
[x] 1. ライブストリーミングをサポート: RTMP ライブストリームと HSL ライブストリームを再生します
[x] 2. 使用方法: 直接ダウンロードして使用してください。 注: m3u8 の再生はサーバーの下に配置する必要があります
[x] 3. デフォルト: RTMP 再生
[x] 4. 遅延:
[x] RTMP レイテンシ: 3 秒
[x] HLS レイテンシー: 20 秒
[x] VLC 遅延 (非推奨): 18 秒
[x] 5. クロスドメイン: OK
[x] 6. 認証: 不可
[x] テストの進捗状況
[2017年4月10日 16:00 PM] LANにおけるHSLとRTMPストリームの遅延テスト
作成者は rtmp、html5 のようなキーワードを使用して、github 上でより適切なオープンソース プロジェクトを検索することもできます。
rtmp
html5
追記: 投稿者が全体的な状況を管理している場合は、iOS、Android、HTML5 をサポートする Qiniu-Live Cloud のようなソリューションの使用を検討できます。便利で速い。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Html5-m3u8-RTMP プロジェクトを参照してください。
以下は公式文書からの抜粋です:
作成者は
rtmp、html5のようなキーワードを使用して、github 上でより適切なオープンソース プロジェクトを検索することもできます。追記: 投稿者が全体的な状況を管理している場合は、iOS、Android、HTML5 をサポートする Qiniu-Live Cloud のようなソリューションの使用を検討できます。便利で速い。