ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLコードを生成してWebページのライブブロードキャストに埋め込む方法の詳細な説明

HTMLコードを生成してWebページのライブブロードキャストに埋め込む方法の詳細な説明

黄舟
黄舟オリジナル
2017-05-26 15:10:546863ブラウズ

ライブ ブロードキャスト ビジネスが急速に発展している今日の環境では、企業、機関、政府、学校の公式 Web サイト、さらには個人の Web サイトのホームページにライブ ブロードキャスト セクションやビデオ オン デマンド セクションがなければ、恥ずかしいことになります。それを公式ウェブサイトと呼びます。 技術者が Web サイトを管理して、小規模な同時実行に適したサードパーティのライブ オンデマンド クラウド サービスを購入するのは困難です。ただし、計算すると、同時実行の量が比較的多くなり、クラウド プラットフォームを使用するのは費用対効果が高くないと推定されることがよくあります。 特に現在、多くのライブ ブロードキャスト クラウド プラットフォームでは、トラフィックに基づく支払いは提供されなくなり、代わりにピーク帯域幅に基づいて支払いが行われます。対照的に、最終的には、自社で構築したライブ ブロードキャスト オンデマンド サーバーのみが利用可能になります。

そして問題が起こります。 ライブ ブロードキャスト コンテンツとプレーヤーを Web ページに埋め込むにはどうすればよいですか?ネチズンからも次のような質問がありました:

ü HTML にライブ Flash プレーヤーを追加する方法

ü HTML Web ページにライブビデオを挿入する方法

üオンライン ライブ ブロードキャスト コードを Web ページに埋め込む。

それでは、Web ページに埋め込まれたライブ ブロードキャスト用の HTML コードを生成する方法を分析してみましょう。

現在、市場のライブブロードキャストは高度なストリーミング方式を採用しています。その場合、RTMP ライブ ストリーミング システム、RTMFP/P2P ストリーミング システム、または HLS ライブ ブロードキャスト システムが必要です。選択したストリーミング メディア システムの要件:

1. プラグインのインストールが必要ないように、Flash HTML プレーヤー コードを生成して Web ページに埋め込みます。

2. モバイル端末は HLS プロトコルと H5 テクノロジーを採用しており、Android および Apple モバイル端末はプラグインをインストールする必要がありません。または、M3U8 のビデオ再生アドレスを指定して、ストリーミング再生用にビデオを呼び出すアプリを開発します。

3. Adob​​e Media Server や 800Li Media Server などのライブ ストリーミング システムは、さまざまな再生端末に適応できます。

PC上のFlashを使用したHTMLコード例(オブジェクト+埋め込みタグ)

現在、多くのライブブロードキャストシステムソフトウェアのインストールと展開は非常に簡単に設計されており、管理はWebページの閲覧のみであり、複雑な操作はありません。操作手順もシンプルで分かりやすいです。 もちろん、Web ページにライブコンテンツを挿入するための HTML タグも、互換性を考慮して、object タグ + embed タグの 2 種類になります。 以下に示すように:

HTMLコードを生成してWebページのライブブロードキャストに埋め込む方法の詳細な説明HTMLコードを生成してWebページのライブブロードキャストに埋め込む方法の詳細な説明 コードは次のとおりです:

 <script type="text/javascript" src="http://192.168.1.44:8083/assets/player.js"></script>
<script type="text/javascript">p2ps_embed("auto", "live", "http://192.168.1.44:8083/videos/live/22/39/tUabV17nAPCev", 
"p2ps_video", "640", "480", "10.1.0", "http://192.168.1.44:8083/assets/expressInstall.swf",{}, {allowFullScreen:true, 
allowScriptAccess: "always"});
800Limediaserver</script><div id="p2ps_video"><h1>我们需要Flash player 10.1 或以上版本来播放。</h1><p><a href=
"http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
"安装最新的Flash player" /></a></p>
</div>

HTMLコードを生成してWebページのライブブロードキャストに埋め込む方法の詳細な説明 埋め込みウェブページ表示:

HTMLコードを生成してWebページのライブブロードキャストに埋め込む方法の詳細な説明 iQiyi、Youku などの他の人のライブブロードキャストを再投稿すると、共有と共有が提供されます。埋め込まれたウェブページのコード。 以下に示すように:

以上がHTMLコードを生成してWebページのライブブロードキャストに埋め込む方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。