インタラクティブライブ放送の全過程を実現する方法

インタラクティブなライブブロードキャストには、サーバー、教師クライアント、iOS / Android学生クライアント、およびWeb / Wap学生クライアントが含まれます。この記事では、Maimaiの対話プロセス、フロントエンドでのMaimaiモジュールの設計、およびフロントエンドでの対話型コンポーネントとチャットコンポーネントの設計に焦点を当てます。チャットルーム自体のチャット機能を実現するために、Yunxin IM SDKへのアクセスは主にApiコールパッケージを介して実現されるため、詳細には触れません。

システムを設計する前に、まず次の質問を検討する必要があります。

•各エンドの要件定義と機能分割、各エンドがどのように相互作用するか

•クライアントがインタラクティブなライブ放送室に入った後のインタラクティブな情報の同期

上記の質問で、最初に私たちが信頼できるサービスを整理しましょう。 NetEaseCloudが提供する以下のサービスを下図に示します。独自のシステム要件の設計と組み合わせることで、IMとインタラクティブライブブロードキャストの機能をすばやく統合できます。

•YunxinIMサービスは、基本的なインスタントメッセージング機能の完全なセットを提供します。これにより、インスタントメッセージングとリアルタイムネットワーク機能を企業独自のアプリケーションにすばやく統合できます。

•Yunxinのインタラクティブなライブブロードキャスト機能は、ホストと視聴者の間のリアルタイムの対話をサポートします。

1.学生はアプリクライアントのチャットルームに入り、小麦のリクエストを開始できます。

2.教師側では、生徒のリクエストを承認または拒否できます。

3.教師が生徒の要求に同意した後、生徒はライブ放送室に入って対話することができます。

次の図に示すように、要件を組み合わせて、次の基本的なマイクリクエスト、接続マイク、およびインタラクティブプロセスを整理します。さまざまなスタイルのデータフローは、さまざまな合意を表しています。

1.クライアントYunxinIMのSDK、クライアントはYunxinIMを介して教師にP2Pメッセージを送信します

2.クライアントインタラクティブライブブロードキャストSDK、クライアントはインタラクティブライブブロードキャストに接続します

4.教師側のインタラクティブライブブロードキャストSDK、クライアント側のライブブロードキャストと対話する

6.メッセージ、および両端から送信されるメッセージのデータ構造をカスタマイズします

実装このセクションでは、主に、前のセクションの概要で説明した教師クライアントとWeb / Wap学生クライアントの実装を紹介します。これには主に、プロセスの改良、教師のIMモジュール、Web学生の端末モジュール、構成、利点、および既存の問題が含まれます。

まず、先生の終わりの実装を紹介し、下図の番号順にいくつかの詳細を補足説明します。教師側にはXNUMXつの主要な部分があります。XNUMXつはこの記事では教師のネイティブと呼ばれるネイティブであり、もうXNUMXつはこの記事では教師IMと呼ばれるWebページです。教師のネイティブと教師のIMは、jsbridgeとカスタムメッセージを介して通信します。

まず、教師ネイティブと教師IMの間のjsbridge通信を次のように整理します。

上記のフローチャートを組み合わせて、プロセスの詳細な説明を作成します。

両端は、サーバーを要求することにより、統一されたチャットルームアドレスを取得します

教師IMが初期化されると、サーバー要求（getPresenterLiveInfo）を介してチャットルームアドレスを取得し、チャットルームシングルトンを取得し、ネイティブチャットルームの準備ができたことを教師に通知し、インタラクティブなライブブロードキャストデータを取得します。

•クライアントは、ネイティブの教師にp2pメッセージを送信します。教師ネイティブはjsbridgeを使用して教師IMのnotifyCustomMsgを呼び出し、教師IMはそれが維持するMai要求の待機キューを更新します。

•教師のIMはクリックして同意または拒否し、教師のネイティブはメッセージを介して通知され、教師のネイティブはP2Pを介してクライアントに要求を通知します。

•クライアントはインタラクティブライブブロードキャストSDKを使用し、マイクをライブルームに接続し、インタラクティブライブブロードキャストSDKを介してネイティブの教師にメッセージを送信します。

•教師ネイティブはnotifyQueueChangeメソッドを呼び出して、教師IMのリストを更新します

•教師IM、サーバーのアップロードおよびダウンロードキューの更新、カスタムメッセージの送信（im-sdk）、および各クライアントに通知するためのブロードキャストを非同期的に要求（informServer）します。

次の図に示すように、フローチャートと上記のプロセスの詳細な説明を組み合わせて、フロントエンドモジュールを設計および分割します。

ここで、LivePcChatはTabのチャットコンポーネント、LiveInteractivePresenterはインタラクティブ操作を処理するコンポーネント、XXcacheは対応するデータレイヤー操作をカプセル化するコンポーネントです。特定のコンポーネントインスタンス、呼び出し、データ要求、および処理プロセスは、以下のシーケンス図に示されているとおりです。

Web / Wap学生端末の場合、Web / Wap学生端末自体はまだ乙女の機能を開発していないためです。ここでは、Web学生端末を例として取り上げ、インタラクティブリストとチャットインタラクションでWeb / Wap学生端末の実現を紹介します。それ自体のチャットルーム部分と教師側のチャットルームはチャットコンポーネントを再利用するため、モジュールも最初にここで分割されます。教師側のコンポーネントの分割を参照して、教師側と学生側で再利用されたコンポーネントの一部を比較できます。次の図は、Web学生側の分割を示しています。

下の表の比較から、Yingmaiに関連する処理ロジックに加えて、教師側とWeb学生側のIMの他の機能を再利用できることがわかります。

インタラクティブライブブロードキャストは、元のライブブロードキャストに基づく反復であるため、ここでは、さまざまな教育製品ラインでのインタラクティブライブブロードキャストの構成可能性を確保する必要があります。ここで説明する構成は、他のモジュールの構成および教育用パブリックコンポーネントプール内のコンポーネントアクセスと同様です。また、教育用の一般的なコンポーネントのキャッシュベースにも依存しています。キャッシュベースは、ライブページまたはプロジェクトの単一ページが読み込まれるときに構成で読み取られます（組織の背景）構成、ワンキー構成。

1.すべてのサーバーリクエストはWebページを介して送信されるため、教師のメンテナンスコストが削減されます。

2.モジュールの構成可能性。さまざまなビジネスラインで、インタラクティブなライブブロードキャストに接続するかどうかを決定するように構成できます。

3.コンポーネントはきめ細かいです。さまざまなモジュールで、教師側はチャットコンポーネントとインタラクティブコンポーネント、マイクコンポーネントにアクセスでき、生徒側はインタラクティブリストコンポーネントにのみアクセスできます。

4.これは、既存のYunxin SDKによって実装された機能に大きく依存しており、比較的短時間で要件を満たすことができます。

1. Yingmaiのプロセスは、複数のエンドを含み、各エンドでのデバッグが時間の無駄であるため、より複雑です。これは、この記事を整理する目的でもあります。各エンドのプロセスを理解した後、各エンドは最初にデバッグ中に問題のエンドを見つけることができ、次に問題を特定のリンクでターゲットを絞った方法で見つけることができます。

2.元のイテレーションに基づいて実行されるため、多くのコンポーネントは教育用標準コンポーネントにカプセル化されていませんが、明確なロジックを前提として、後続のイテレーションで最適化できます。

この記事では、インタラクティブライブブロードキャストの両端のロジックを整理して、後でインタラクティブライブブロードキャストプロセスを理解しやすくします。クライアントと教師にとって、フロントエンドによって提供されるインターフェースとメッセージの実装を理解することができます。後続の別のプロジェクトでインタラクティブライブブロードキャストモジュールにアクセスする必要がある場合は、すばやくアクセスしてデバッグできると同時に、上記で発生した既存の問題をさらに最適化できます。

どのくらい遠くまで（長い）変換器のカバー？

送信範囲は、多くの要因に依存します。真の距離は、建物やその他の障害物、受信機の感度、受信機のアンテナのような環境を使用して、高さをインストールするアンテナ、アンテナ利得に基づいています。田舎でアンテナより高いと使用したインストール、距離ははるか遠くなります。

【実施例5W FMトランスミッタは、都市と故郷に使用します。

私は彼の故郷でのGPアンテナと米国の顧客の利用5WのFMトランスミッターを持っている、と彼は車でそれをテストし、それが10km（6.21mile）をカバー。

私はそれが5km（2mile）についてカバーし、私の故郷でのGPアンテナと1.24WのFMトランスミッターをテストします。

私はそれだけで5meter（300ft）についてカバーし、広州市のGPアンテナと984WのFMトランスミッターをテストします。

以下は、異なる電力のFMトランスミッタのおおよその範囲です。（範囲は直径です）

0.1W〜5W FMトランスミッター：100M〜1KM

5W〜15W FM Ttransmitter：1KM〜3KM

15W〜80W FMトランスミッター：3KM〜10KM

80W〜500W FMトランスミッター：10KM〜30KM

500W〜1000W FMトランスミッター：30KM〜50KM

1KW〜2KW FMトランスミッター：50KM〜100KM

2KW〜5KW FMトランスミッター：100KM〜150KM

5KW〜10KW FMトランスミッター：150KM〜200KM

送信機のための私達に連絡するには？

私に電話+ 8618078869184 OR
メールを送ってください [メール保護]
1.Howはるかにあなたは直径がカバーしたいですか？
2.Howあなたの高い塔？
あなたは3.Whereからですか？
そして、私たちはより多くの専門家のアドバイスを提供します。

私たちに関しては

FMUSER.ORGは、RFワイヤレス伝送/スタジオビデオオーディオ機器/ストリーミングおよびデータ処理に重点を置いたシステムインテグレーション会社です。アドバイス、コンサルティングからラックの統合、設置、試運転、トレーニングまで、すべてを提供しています。

FMトランスミッタ、アナログTVトランスミッタ、デジタルTVトランスミッタ、VHF UHFトランスミッタ、アンテナ、同軸ケーブルコネクタ、STL、放送処理、スタジオ向け放送製品、RF信号モニタリング、RDSエンコーダ、オーディオプロセッサ、リモートサイトコントロールユニット、 IPTV製品、ビデオ/オーディオエンコーダ/デコーダは、大規模な国際放送ネットワークと小規模なプライベートステーションの両方のニーズを満たすように設計されています。

私たちのソリューションには、FMラジオ局/アナログテレビ局/デジタルテレビ局/オーディオビデオスタジオ機器/スタジオ送信機リンク/送信機テレメトリーシステム/ホテルテレビシステム/ IPTVライブ放送/ストリーミングライブ放送/ビデオ会議/ CATV放送システムがあります。

高い信頼性と高性能がシステムとソリューションにとって非常に重要であることを私たちは知っているので、私たちはすべてのシステムに先進技術製品を使っています。同時に私達はまた私達のプロダクトシステムを非常に適正価格で確かめなければなりません。

私たちは公共および商業放送局、電気通信事業者および規制当局の顧客を持っています、そしてまた私たちは何百ものより小さな、地方およびコミュニティ放送局に解決策と製品を提供します。

FMUSER.ORGは15年以上輸出しており、世界中にクライアントがいます。この分野で13年の経験を持つ私たちは、お客様のあらゆる種類の問題を解決するための専門家チームを持っています。私たちはプロの製品とサービスの非常にリーズナブルな価格を提供することに専念しました。連絡先メールアドレス： [メール保護]

私たちの工場

我々は持っています近代化工場の。あなたが中国に来たときに私たちの工場を訪問する歓迎されています。

現在では、既に存在しています 1095のお客様世界中の当社の広州天河オフィスを訪問しました。あなたが中国に来ている場合は、私たちを訪問する歓迎されています。

フェア

これは2012グローバルソースへの参加であります香港エレクトロニクスフェア . 世界中からのお客様最終的に一緒に取得する機会を持っています。

FMUSERはどこにありますか？

この番号を検索できます " 23.127460034623816,113.33224654197693 "グーグルマップで、あなたは私たちのfmuserオフィスを見つけることができます。

FMUSER広州事務所がある天河区にありますカントンの中心。非常に近く広州交易会 , 広州駅, xiaobei道路とdashatou 、のみ必要 10 minutes 取る場合タクシー。世界中の友人が訪問し、交渉を歓迎します。

お問い合わせ：スカイブルー
携帯電話：+ 8618078869184
WhatsApp：+ 8618078869184
Wechat：+ 8618078869184
Eメール： [メール保護]
QQ：727926717
スカイプ：sky198710021
住所：No.305ルームHuiLanビルNo.273 Huanpu道広州中国郵便番号：510620

英語： PayPal、クレジットカード、ウェスタンユニオン、アリペイ、マネーブッカー、T / T、LC、DP、DA、OA、Payoneerなど、すべての支払いを受け付けます。ご不明な点がございましたら、ご連絡ください [メール保護] またはWhatsApp + 8618078869184

ペイパル。  www.paypal.com

私たちは、あなたが当社の商品を購入するペイパルを使用することをお勧めし、ペイパルは、インターネット上で購入する安全な方法です。

上に私たちの項目リストページの一番下のすべてが支払うためにPayPalのロゴを持っています。

クレジットカード。PayPalを持っていないが、あなたはクレジットカードをお持ちの場合は、クレジットカードでの支払いを黄色のPayPalボタンをクリックすることができます。

-------------------------------------------------- -------------------

しかし、あなたはクレジットカードを持っていないし、PayPalのaccoutを得たためにPayPalのアカウントまたは困難を持っていない場合、あなたは次のように使用することができます。
ウエスタンユニオン。  www.westernunion.com

私にウェスタンユニオンによって支払います：

名前/名：Yingfeng
姓/名字/姓：Zhang
氏名：Yingfeng Zhang
国：中国
市：広州

-------------------------------------------------- -------------------

T / T。  でのお支払い T / T（電信送金/電信振替/銀行振込）
最初の銀行情報（会社のアカウント）：

SWIFT BIC：BKCHHKHHXXX
銀行名：BANK OF CHINA（香港）リミテッド、香港
銀行口座：中国タワー、1ガーデンルート、セントラル、香港
銀行コード：012
アカウント名：FMUSER INTERNATIONAL GROUP LIMITED
アカウントなし。：012 - 676 - 2 - 007855 - 0

-------------------------------------------------- -------------------
XNUMX番目の銀行情報（会社のアカウント）：
受益者：Fmuser International Group Inc
口座番号：44050158090900000337
受益者銀行：中国建設銀行広東支店
SWIFTコード：PCBCCNBJGDX
住所：NO.553 Tianhe Road、Guangzhou、Guangdong、Tianhe District、China
**注：銀行口座に送金する場合は、備考欄に何も記入しないでください。記入しないと、国際貿易事業に関する政府の方針により、支払いを受け取ることができません。

時支払明確*これは、営業日1-2で送信されます。

*私たちはあなたのpaypal住所に送信します。あなたがアドレスを変更したい場合は、私のメールにあなたの正しい住所と電話番号を送信してください。 [メール保護]

パッケージは2kgを下回る場合*、我々は航空郵便を経由して出荷されます、それはあなたの手に15-25days程度かかります。

パッケージは2kg以上であれば、我々はEMS、DHL、UPS、フェデックス速い速達便を経由して出荷されます、それはあなたの手に7〜15days程度かかります。

100kgよりパッケージ以上ならば、我々はDHLや航空貨物を経由して送信されます。それはあなたの手に3〜7days程度かかります。

すべてのパッケージは、中国の広州形成しています。

*パッケージは「ギフト」として送信され、可能な限りクリアされません。購入者は「TAX」の料金を支払う必要はありません。

*船の後、私たちはあなたに電子メールを送信し、追跡番号を与えます。

保証について。
お問い合わせ--- >>アイテムを私たちに返送してください--- >>別の交換品を受け取って送ってください。

名前：劉xiaoxia
住所：305Fang HuiLanGe HuangPuDaDaoXi 273Hao TianHeQu中国広州。
ZIP：510620
電話：+ 8618078869184

このアドレスに戻り、ノートにあなたのpaypal住所、氏名、問題を記述してください。