Die interaktive Live-Übertragung umfasst den Server, den Lehrer-Client, den iOS / Android-Schüler-Client und den Web / Wap-Schüler-Client. Dieser Artikel konzentriert sich auf den Interaktionsprozess von Maimai, das Design des Maimai-Moduls im Front-End und das Design interaktiver und Chat-Komponenten im Front-End. Für die Realisierung der Chat-Funktion des Chatrooms selbst werde ich nicht auf Details eingehen, da der Zugriff auf das Yunxin IM SDK hauptsächlich über das Api-Aufrufpaket erfolgt.
Bevor Sie das System entwerfen, müssen Sie zunächst die folgenden Fragen berücksichtigen:
• Anforderungsdefinition und Funktionsteilung jedes Endes, wie jedes Ende interagiert
• Vereinbarung zwischen jedem Ende
• Der Kunde bittet das Mikrofon und den Lehrer um Empfang
• Synchronisierung interaktiver Informationen, nachdem der Client den interaktiven Live-Übertragungsraum betreten hat
Lassen Sie uns mit den obigen Fragen zunächst die Dienste aussortieren, auf die wir uns verlassen können. Die folgenden von NetEase Cloud bereitgestellten Dienste sind in der folgenden Abbildung dargestellt. In Kombination mit dem Design unserer eigenen Systemanforderungen können wir die Funktionen von IM und interaktiver Live-Übertragung schnell integrieren.
• Der Yunxin IM-Dienst bietet einen vollständigen Satz grundlegender Instant Messaging-Funktionen, mit denen Instant Messaging- und Echtzeit-Netzwerkfunktionen schnell in die unternehmenseigenen Anwendungen integriert werden können.
• Die interaktive Live-Übertragungsfunktion von Yunxin unterstützt die Echtzeitinteraktion zwischen dem Moderator und dem Publikum.
Unser Ansatz
Unsere Grundbedürfnisse bestehen hauptsächlich aus den folgenden drei Teilen:
1. Die Schüler betreten den Chatraum auf dem App-Client und können eine Weizenanfrage einleiten.
2. Auf der Seite des Lehrers können Sie die Anfrage des Schülers genehmigen oder ablehnen.
3. Nachdem der Lehrer der Anfrage eines Schülers zugestimmt hat, kann der Schüler den Live-Übertragungsraum betreten, um zu interagieren.
Kombinieren Sie die Anforderungen und sortieren Sie die folgenden grundlegenden Mikrofonanforderungen, Verbindungsmikrofone und interaktiven Prozesse aus (siehe Abbildung unten). Unterschiedliche Arten des Datenflusses repräsentieren unterschiedliche Vereinbarungen.
Hier sind einige zusätzliche Konzepte:
1. Das SDK des Clients Yunxin IM, der Client sendet P2P-Nachrichten über Yunxin IM an den Lehrer
2. Interaktives Live-Broadcast-SDK des Clients. Der Client stellt eine Verbindung zur interaktiven Live-Übertragung her
3. Yunxin SDK auf der Lehrerseite, akzeptieren Sie P2P-Nachrichten
4. Interaktives Live-Broadcast-SDK für Lehrer, Interaktion mit clientseitiger Live-Übertragung
5. Das SDK von Yunxin IM im Web zum Senden und Empfangen von Nachrichten
6. Passen Sie die Nachricht und die Datenstruktur der von jedem Ende gesendeten Nachricht an
Design und Implementierung
Implementierung In diesem Abschnitt wird hauptsächlich die Implementierung des Lehrer-Clients und des Web / Wap-Schüler-Clients vorgestellt, die in der Übersicht des vorherigen Abschnitts erwähnt wurden. Es umfasst hauptsächlich die folgenden Teile: Prozessverfeinerung, Lehrer-IM-Modul, Web-Schüler-Terminal-Modul, Konfiguration, Vorteile und vorhandene Probleme.
Prozessverfeinerung
Lassen Sie uns zunächst die Umsetzung des Lehrerendes vorstellen und einige Details in der Reihenfolge der Zahlen in der folgenden Abbildung erläutern. Die Lehrerseite besteht aus zwei Hauptteilen: Der eine ist einheimisch, der in diesem Artikel als "muttersprachlich" bezeichnet wird, und der andere ist eine Webseite, die in diesem Artikel als "Lehrer-IM" bezeichnet wird. Der Lehrer-Muttersprachler und der Lehrer-IM kommunizieren über jsbridge und benutzerdefinierte Nachrichten.
Sortieren Sie zunächst die jsbridge-Kommunikation zwischen dem Muttersprachler des Lehrers und dem IM des Lehrers wie folgt:
-NotifyQueueChange
-NotifyVolume
-notifyCustomMsg
-Aktualisierung überprüfen
-NotifyLiveStatus
Kombinieren Sie das obige Flussdiagramm und machen Sie dann eine detaillierte Beschreibung des Prozesses:
1. Client-Initialisierung
Jedes Ende erhält eine einheitliche Chatroom-Adresse, indem es den Server anfordert
2. Lehrerinitialisierung
Nachdem der Lehrer-IM initialisiert wurde, erhält er die Chatroom-Adresse über die Serveranforderung (getPresenterLiveInfo), erhält den Chatroom-Singleton, informiert den Lehrer, dass der native Chatraum bereit ist, und erhält die interaktiven Live-Übertragungsdaten.
3. Der Prozess der Einladung von Weizen
• Der Client sendet eine P2P-Nachricht an den Muttersprachler. Der Muttersprachler des Lehrers verwendet jsbridge, um notifyCustomMsg des Lehrer-IM aufzurufen, und der Lehrer-IM aktualisiert die Warteschlange für die von ihm verwaltete Mai-Anforderung.
• Der IM des Lehrers klickt, um zuzustimmen oder abzulehnen, und der Muttersprachler des Lehrers wird über eine Nachricht benachrichtigt, und der Muttersprachler des Lehrers informiert den Kunden über P2P über die Anfrage.
• Der Client verwendet das interaktive Live-Broadcast-SDK, verbindet das Mikrofon mit dem Live-Raum und sendet über das interaktive Live-Broadcast-SDK eine Nachricht an den Muttersprachler.
• Der Lehrer-Muttersprachler ruft die notifyQueueChange-Methode auf, um die Listen im Lehrer-IM zu aktualisieren
• Lehrer-IM, asynchrone Anforderung (informServer), die Upload- und Download-Warteschlangen des Servers zu aktualisieren, benutzerdefinierte Nachrichten (im-sdk) zu senden und zu senden, um jeden Client zu benachrichtigen.
Lehrer-IM-Modul
Durch die Kombination des Flussdiagramms und der detaillierten Beschreibung des obigen Prozesses werden die Front-End-Module wie in der folgenden Abbildung dargestellt entworfen und aufgeteilt.
Hier ist LivePcChat eine Chat-Komponente in Tab, LiveInteractivePresenter ist eine Komponente, die interaktive Operationen verarbeitet, und XXcache ist eine Komponente, die entsprechende Datenschichtoperationen kapselt. Die spezifische Komponenteninstanz, der Aufruf, die Datenanforderung und der Verarbeitungsprozess sind im folgenden Sequenzdiagramm dargestellt:
Web-Studentenmodul
Für das Web / Wap-Studententerminal, da das Web / Wap-Studententerminal selbst die Funktion der Jungfrau noch nicht entwickelt hat. Nehmen Sie hier das Web-Student-Terminal als Beispiel, um die Realisierung des Web / Wap-Student-Terminals in die interaktive Liste und die Chat-Interaktion einzuführen. Der Chatroom-Teil von sich selbst und der Chatroom am Ende des Lehrers verwenden Chat-Komponenten wieder, sodass die Module auch hier zuerst unterteilt werden. Sie können sich auf die Aufteilung der Komponenten auf der Lehrerseite beziehen, um einige der von der Lehrerseite und der Schülerseite wiederverwendeten Komponenten zu vergleichen. Die folgende Abbildung zeigt die Aufteilung der Webschülerseite.
Aus dem Vergleich in der folgenden Tabelle ist ersichtlich, dass zusätzlich zu der Verarbeitungslogik in Bezug auf Yingmai andere Funktionen des IM auf der Lehrerseite und der Webschülerseite wiederverwendet werden können.
Konfiguration
Die interaktive Live-Übertragung ist eine Iteration, die auf der ursprünglichen Live-Übertragung basiert. Daher müssen wir hier die Konfigurierbarkeit der interaktiven Live-Übertragung in verschiedenen Bildungsproduktlinien sicherstellen. Die hier erwähnte Konfiguration ähnelt der Konfiguration anderer Module und dem Komponentenzugriff im öffentlichen Komponentenpool für Bildung. Es basiert auch auf der allgemeinen Cache-Basis der Bildungskomponente, die in der Konfiguration gelesen wird, wenn die Live-Seite oder die einzelne Projektseite geladen wird (institutioneller Hintergrund). Konfiguration, Ein-Schlüssel-Konfiguration.
Vor- und Nachteile Analyse
Die Vorteile dieses Designs sind
1. Alle Serveranforderungen werden über die Webseite gesendet, wodurch die Wartungskosten des Lehrers gesenkt werden.
2. Die Konfigurierbarkeit des Moduls. In verschiedenen Geschäftsbereichen kann konfiguriert werden, ob eine Verbindung zur interaktiven Live-Übertragung hergestellt werden soll.
3. Die Komponenten sind körnig. In verschiedenen Modulen kann die Lehrerseite auf die Chat-Komponente und die interaktive Komponente, die Mikrofonkomponente und die Schülerseite nur auf die interaktive Listenkomponente zugreifen.
4. Sie stützt sich in hohem Maße auf die Funktionen des bestehenden Yunxin sdk, die die Anforderungen in relativ kurzer Zeit erfüllen können.
Das Problem
1. Der Prozess von Yingmai ist komplizierter, da er mehrere Enden umfasst und das Debuggen an jedem Ende Zeitverschwendung ist. Dies ist auch der Zweck der Organisation dieses Artikels. Nachdem Sie den Prozess jedes Endes verstanden haben, kann jedes Ende zuerst das Ende des Problems während des Debuggens lokalisieren, und dann kann das Problem in einem bestimmten Link auf gezielte Weise gefunden werden.
2. Da es auf der Grundlage der ursprünglichen Iteration ausgeführt wird, sind viele Komponenten nicht in Lernstandardkomponenten eingekapselt, können jedoch unter der Voraussetzung einer klaren Logik in nachfolgenden Iterationen optimiert werden.
3. Optimieren Sie die Methode der Front-End-Implementierung.
zusammenfassen
In diesem Artikel werden wir die Logik jedes Endes der interaktiven Live-Übertragung sortieren, um den späteren Zugriff auf das Verständnis des interaktiven Live-Übertragungsprozesses zu erleichtern. Für den Kunden und den Lehrer können Sie die Implementierung der vom Frontend bereitgestellten Schnittstellen und Nachrichten verstehen. Wenn in einem anderen nachfolgenden Projekt auf das interaktive Live-Broadcast-Modul zugegriffen werden muss, kann schnell darauf zugegriffen und debuggt werden, und gleichzeitig können die oben genannten Probleme weiter optimiert werden.
|
|
|
|
Wie weit (lang) der Sender ab?
Die Reichweite hängt von vielen Faktoren ab. Der wahre Abstand basiert auf der Installation der Antenne Höhe, Antennengewinn, Umgebung mit wie Gebäude und andere Hindernisse, Empfindlichkeit des Empfängers, Antenne des Empfängers. Installieren Antenne mehr hoch, und unter Verwendung von auf dem Land, der Abstand wird viel mehr weit.
Beispiel 5W FM-Transmitter verwenden in der Stadt und Heimatstadt:
Ich habe einen USA-Kunden Gebrauch 5W FM-Transmitter mit GP-Antenne in seiner Heimatstadt, und er es mit einem Auto zu testen, es decken 10km (6.21mile).
Ich teste die 5W FM-Transmitter mit GP-Antenne in meiner Heimatstadt, sie decken etwa 2km (1.24mile).
Ich teste die 5W FM-Transmitter mit GP-Antenne in der Stadt Guangzhou, decken sie etwa nur 300meter (984ft).
Im Folgenden sind die ungefähren Bereich unterschiedlicher Leistung FM-Transmitter. (Der Bereich ist Durchmesser)
0.1W ~ 5W FM-Transmitter: 100M ~ 1KM
5W ~ 15W FM Ttransmitter: 1KM ~ 3KM
15W ~ 80W FM-Transmitter: 3KM ~ 10KM
80W ~ 500W FM-Transmitter: 10KM ~ 30KM
500W ~ 1000W FM-Transmitter: 30KM ~ 50KM
1KW ~ 2KW FM-Transmitter: 50KM ~ 100KM
2KW ~ 5KW FM-Transmitter: 100KM ~ 150KM
5KW ~ 10KW FM-Transmitter: 150KM ~ 200KM
Wie uns für den Sender zu kontaktieren?
Rufen Sie mich an + 8618078869184 ODER
Maile mir [E-Mail geschützt]
1.How weit wollen Sie im Durchmesser zu decken?
2.How hohen Turm von euch?
3.Where sind Sie?
Und wir werden Ihnen mehr professionelle Beratung geben.
Über uns
FMUSER.ORG ist ein Systemintegrationsunternehmen, das sich auf die drahtlose HF-Übertragung / Studio-Video-Audio-Ausrüstung / Streaming und Datenverarbeitung konzentriert. Wir bieten alles von Beratung über Rack-Integration bis hin zu Installation, Inbetriebnahme und Schulung.
Wir bieten FM-Sender, Analog-TV-Sender, Digital-TV-Sender, UKW-UHF-Sender, Antennen, Koaxialkabel-Steckverbinder, STL, On-Air-Verarbeitung, Rundfunkprodukte für das Studio, RF-Signalüberwachung, RDS-Encoder, Audioprozessoren und Remote Site Control Units, IPTV-Produkte, Video / Audio-Encoder / -Decoder, wurden entwickelt, um die Anforderungen sowohl großer internationaler Rundfunknetze als auch kleiner privater Sender zu erfüllen.
Unsere Lösung verfügt über FM-Radiosender / Analog-TV-Sender / Digital-TV-Sender / Audio-Video-Studio-Ausrüstung / Studio-Senderverbindung / Sender-Telemetriesystem / Hotel-TV-System / IPTV-Live-Übertragung / Streaming-Live-Übertragung / Videokonferenz / CATV-Übertragungssystem.
Wir verwenden fortschrittliche Technologieprodukte für alle Systeme, da wir wissen, dass hohe Zuverlässigkeit und hohe Leistung für das System und die Lösung so wichtig sind. Gleichzeitig müssen wir auch sicherstellen, dass unser Produktsystem zu einem sehr vernünftigen Preis angeboten wird.
Wir haben Kunden von öffentlich-rechtlichen und kommerziellen Rundfunkanstalten, Telekommunikationsbetreibern und Regulierungsbehörden und bieten Lösungen und Produkte auch vielen Hunderten kleinerer, lokaler und kommunaler Rundfunkanstalten an.
FMUSER.ORG exportiert seit mehr als 15 Jahren und hat Kunden auf der ganzen Welt. Mit 13 Jahren Erfahrung auf diesem Gebiet verfügen wir über ein professionelles Team, um alle Arten von Kundenproblemen zu lösen. Wir sind bestrebt, die äußerst günstigen Preise für professionelle Produkte und Dienstleistungen zu liefern. Kontakt E-mail : [E-Mail geschützt]
UNSER WERK
Wir haben Modernisierung der Fabrik. Sie sind willkommen, unsere Fabrik zu besuchen, wenn Sie nach China kommen.
Derzeit gibt es bereits 1095 Kunden auf der ganzen Welt besuchte unser Büro Guangzhou Tianhe. Wenn Sie nach China kommen, sind Sie herzlich eingeladen, uns zu besuchen.
Am Messe
Dies ist unsere Teilnahme an 2012 Global Sources Hong Kong Electronics Fair . Kunden aus der ganzen Welt schließlich haben eine Chance, zusammen zu bekommen.
Wo ist FMUSER?
Sie können diese Nummern suchen " 23.127460034623816,113.33224654197693 "in google map finden sie dann unser fmuser büro.
FMUSER Guangzhou Büro befindet sich in Tianhe District, welche das ist Zentrum des Kantons . Sehr in der Nähe von zu den Canton Fair , guangzhou Bahnhof, Xiaobei Straße und Dashatou , brauche nur 10 Мinuten wenn übernehmen TAXI . Willkommen Freunde auf der ganzen Welt zu besuchen und zu verhandeln.
Kontakt: Sky Blue
Telefon: + 8618078869184
WhatsApp: +8618078869184
WeChat: + 8618078869184
E-Mail: [E-Mail geschützt]
QQ: 727926717
Skype: sky198710021
Adresse: No.305 Zimmer Huilan Gebäude No.273 Huanpu Straße Guangzhou China PLZ: 510620
|
|
|
|
Englisch: Wir akzeptieren alle Zahlungen wie PayPal, Kreditkarte, Western Union, Alipay, Geldbucher, T / T, LC, DP, DA, OA, Payoneer. Wenn Sie Fragen haben, kontaktieren Sie mich bitte [E-Mail geschützt] oder WhatsApp + 8618078869184
-
PayPal.  www.paypal.com
Wir empfehlen Ihnen, Paypal benutzen unsere Produkte zu kaufen, die Paypal ist eine sichere Möglichkeit, im Internet zu kaufen.
Jedes unserer Artikelliste Seite unten auf ein PayPal-Logo zu bezahlen.
Kreditkarte.Wenn Sie nicht paypal haben, aber Sie Kreditkarte haben, können Sie auch den Yellow PayPal-Button klicken Sie mit Ihrer Kreditkarte zu bezahlen.
-------------------------------------------------- -------------------
Aber wenn Sie nicht über eine Kreditkarte und haben kein PayPal-Konto oder schwierig, eine paypal accout zu bekommen, können Sie verwenden, um die folgenden:
Western Union.  www.westernunion.com
Bezahlen per Western Union zu mir:
Vorname / Vorname: Yingfeng
Nachname / Nachname / Nachname: Zhang
Voller Name: Yingfeng Zhang
Land: China
Ort: Guangzhou
|
-------------------------------------------------- -------------------
T / T. Zahlung per T / T (Überweisung / Telegraphen Transfer / Banküberweisung)
Erste BANKINFORMATION (UNTERNEHMENSKONTO):
SWIFT BIC: BKCHHKHHXXX
Bankname: BANK VON CHINA (HONG KONG) LIMITED, HONGKONG
Bankadresse: BANK DES CHINA-TURMES, 1-GARTEN-STRASSE, ZENTRAL, HONGKONG
BANK-CODE: 012
Kontoname: FMUSER INTERNATIONAL GROUP LIMITED
Konto Nr. : 012-676-2-007855-0
-------------------------------------------------- -------------------
Zweite BANKDATEN (UNTERNEHMENSKONTO):
Begünstigter: Fmuser International Group Inc
Kontonummer: 44050158090900000337
Bank des Begünstigten: China Construction Bank Filiale Guangdong
SWIFT-Code: PCBCCNBJGDX
Adresse: NO.553 Tianhe Road, Guangzhou, Guangdong, Tianhe-Bezirk, China
**Hinweis: Wenn Sie Geld auf unser Bankkonto überweisen, schreiben Sie bitte nichts in das Bemerkungsfeld, da wir sonst die Zahlung aufgrund der Regierungspolitik zum internationalen Handelsgeschäft nicht erhalten können.
|
|
|
|
* Es wird in 1-2 geschickt Tage zu arbeiten, wenn die Zahlung klar.
* Wir werden es zu Ihrer paypal Adresse. Wenn Sie Adresse ändern möchten, benutzen Sie bitte Ihre korrekte Adresse und Telefonnummer per E-Mail senden [E-Mail geschützt]
* Wenn die Pakete unter 2kg ist, werden wir per Post Luftpost verschickt werden, wird es über 15-25days auf die Hand nehmen.
Wenn das Paket mehr als 2kg ist, werden wir über EMS, DHL, UPS, Fedex schnell Expressversand versendet, dauert es etwa 7 nehmen ~ 15days auf die Hand.
Wenn das Paket mehr als 100kg, werden wir über DHL oder Luftfracht schicken. Es wird etwa 3 nehmen ~ 7days auf die Hand.
Alle Pakete sind Form China Guangzhou.
* Das Paket wird als "Geschenk" verschickt und so wenig wie möglich deklariert. Der Käufer muss nicht für "STEUER" bezahlen.
* Nach dem Schiff, werden wir Ihnen eine E-Mail und geben Sie die Tracking-Nummer senden.
|
|
|
Für die Garantie.
Kontaktieren Sie uns --- >> Senden Sie den Artikel an uns zurück --- >> Empfangen und senden Sie einen weiteren Ersatz.
Name: Liu Xiaoxia
Adresse: 305Fang HuiLanGe HuangPuDaDaoXi 273Hao TianHeQu Guangzhou China.
PLZ: 510620
Telefon: +8618078869184 (XNUMX)XNUMX XNUMX XNUMX XNUMX
Bitte kehren Sie zu dieser Adresse und schreiben Sie Ihre PayPal-Adresse, Name, Problem auf Hinweis: |
|
