FMUSER Bezdrátový přenos videa a zvuku snadnější!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánština
sq.fmuser.org -> albánština
ar.fmuser.org -> arabština
hy.fmuser.org -> Arménský
az.fmuser.org -> Ázerbájdžánština
eu.fmuser.org -> baskičtina
be.fmuser.org -> běloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> Katalánština
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> Čínsky (zjednodušeně)
hr.fmuser.org -> chorvatština
cs.fmuser.org -> čeština
da.fmuser.org -> dánština
nl.fmuser.org -> Dutch
et.fmuser.org -> estonština
tl.fmuser.org -> filipínský
fi.fmuser.org -> finština
fr.fmuser.org -> French
gl.fmuser.org -> galicijština
ka.fmuser.org -> gruzínština
de.fmuser.org -> němčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolština
iw.fmuser.org -> hebrejština
hi.fmuser.org -> hindština
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandština
id.fmuser.org -> Indonéština
ga.fmuser.org -> Irština
it.fmuser.org -> Italian
ja.fmuser.org -> japonština
ko.fmuser.org -> korejština
lv.fmuser.org -> lotyština
lt.fmuser.org -> Litevština
mk.fmuser.org -> makedonština
ms.fmuser.org -> Malajština
mt.fmuser.org -> maltština
no.fmuser.org -> Norwegian
fa.fmuser.org -> perština
pl.fmuser.org -> polština
pt.fmuser.org -> portugalština
ro.fmuser.org -> Rumunština
ru.fmuser.org -> ruština
sr.fmuser.org -> srbština
sk.fmuser.org -> slovenština
sl.fmuser.org -> Slovinština
es.fmuser.org -> španělština
sw.fmuser.org -> svahilština
sv.fmuser.org -> švédština
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinština
ur.fmuser.org -> urdština
vi.fmuser.org -> Vietnamská
cy.fmuser.org -> velština
yi.fmuser.org -> Jidiš
Interaktivní živé vysílání zahrnuje server, klienta učitele, studentského klienta iOS / Android a studentského klienta Web / Wap. Tento článek se zaměřuje na proces interakce Maimai, návrh modulu Maimai na front-endu a návrh interaktivních a chatových komponent na front-endu. Pro realizaci funkce chatu samotné chatovací místnosti, protože přístup k Yunxin IM SDK je realizován hlavně prostřednictvím balíčku volání Api, nebudu zacházet do podrobností.
Před návrhem systému je třeba nejprve zvážit následující otázky:
• Definice požadavků a rozdělení funkcí každého konce, způsob interakce každého konce
• Dohoda mezi oběma konci
• Klient požádá mikrofon a učitele o přijetí
• Synchronizace interaktivních informací poté, co klient vstoupí do interaktivní místnosti živého vysílání
S výše uvedenými otázkami pojďme nejprve vyřešit služby, na které se můžeme spolehnout. Následující služby poskytované službou NetEase Cloud jsou zobrazeny na následujícím obrázku. V kombinaci s návrhem našich vlastních systémových požadavků můžeme rychle integrovat funkce rychlých zpráv a interaktivní živé vysílání.
• Služba Yunxin IM poskytuje kompletní sadu základních funkcí pro rychlé zasílání zpráv, které mohou rychle integrovat funkce pro zasílání rychlých zpráv a sítě v reálném čase do vlastních podnikových aplikací.
• Funkce Yunxin pro interaktivní živé vysílání podporuje interakci mezi hostitelem a publikem v reálném čase.
Rámec
Naše základní potřeby jsou hlavně následující tři části:
1. Studenti vstoupí do chatovací místnosti na klientovi aplikace a mohou iniciovat žádost o pšenici;
2. Na straně učitele můžete žádost studenta schválit nebo zamítnout;
3. Poté, co učitel souhlasí s požadavkem studenta, může student vstoupit do místnosti živého vysílání a komunikovat.
Zkombinujte požadavky a vyřešte následující základní požadavek na mikrofon, připojovací mikrofon a interaktivní procesy, jak je znázorněno na obrázku níže. Různé styly toku dat představují různé dohody.
Zde je několik dalších konceptů:
1. SDK klienta Yunxin IM, klient posílá P2P zprávy učiteli prostřednictvím Yunxin IM
2. Klientské interaktivní živé vysílání SDK, klient se připojí k interaktivnímu živému vysílání
3. Yunxin SDK na konci učitele, přijímejte zprávy p2p
4. Interaktivní živé vysílání SDK na úrovni učitele, interakce s živým vysíláním na straně klienta
5. SDK Yunxin IM na webu, odesílání a přijímání zpráv
6. Přizpůsobte zprávu a datovou strukturu zprávy odeslané na každém konci
Návrh a implementace
Implementace Tato část představuje především implementaci učitele a studenta Web / Wap uvedeného v přehledu předchozí části. Zahrnuje hlavně následující části: zdokonalení procesu, modul IM pro učitele, modul webového studentského terminálu, konfigurace, výhody a stávající problémy.
Zpřesnění procesu
Nejprve si představíme implementaci konce učitele a provedeme doplňující vysvětlení k některým podrobnostem v pořadí čísel na obrázku níže. Strana učitele má dvě hlavní části, jedna je nativní, která se v tomto článku nazývá učitelská nativní, a druhá je webová stránka, která se v tomto článku nazývá učitel IM. Rodák učitele a učitel IM komunikují prostřednictvím jsbridge a vlastních zpráv.
Nejprve vyřešte komunikaci jsbridge mezi učitelem a učitelem IM takto:
-notifyQueueChange
-oznámit objem
-notifyCustomMsg
-zkontrolovat aktualizace
-notifyLiveStatus
Zkombinujte výše uvedený vývojový diagram a poté proveďte podrobný popis procesu:
1. Inicializace klienta
Každý konec získá na základě požadavku serveru jednotnou adresu chatovací místnosti
2. Inicializace učitele
Po inicializaci chatu učitele získá adresu chatovací místnosti prostřednictvím požadavku serveru (getPresenterLiveInfo), získá singleton chatovací místnosti, informuje učitele, že je nativní chatovací místnost připravena, a získá interaktivní data živého vysílání.
3. Proces pozvání pšenice
• Klient pošle zprávu p2p nativnímu učiteli. Nativní učitel používá jsbridge k volání upozornění IM pro učitele a IM pro učitele aktualizuje frontu čekání na požadavek Mai, který udržuje.
• Učitelův IM klikne, aby souhlasil nebo odmítl, a učitelův rodák je informován prostřednictvím zprávy a učitelův rodák informuje klienta o požadavku prostřednictvím P2P.
• Klient používá sadu SDK pro interaktivní živé vysílání, připojuje mikrofon k živé místnosti a prostřednictvím interaktivní sady SDK pro živé vysílání posílá zprávu učiteli nativnímu.
• Nativní učitel zavolá metodu notifyQueueChange, aby aktualizoval seznamy v IM pro učitele
• Učitel IM, asynchronně požádat (informServer) o aktualizaci fronty nahrávání a stahování serveru, odesílat vlastní zprávy (im-sdk) a vysílat, aby informoval každého klienta.
Učitelský modul IM
Kombinací vývojového diagramu a podrobného popisu procesu výše jsou front-end moduly navrženy a rozděleny, jak ukazuje následující obrázek.
Zde LivePcChat je komponenta chatu v Tab, LiveInteractivePresenter je komponenta, která zpracovává interaktivní operace, a XXcache je komponenta, která zapouzdřuje odpovídající operace datové vrstvy. Konkrétní instance komponenty, volání, požadavek na data a proces zpracování jsou uvedeny v níže uvedeném sekvenčním diagramu:
Webový studentský modul
Pro studentský terminál Web / Wap, protože samotný studentský terminál Web / Wap dosud nevyvinul funkci dívčí. Zde si vezměte webový studentský terminál jako příklad, který vám představí realizaci studentského terminálu Web / Wap v interaktivním seznamu a interakci s chatem. Samotná část chatovací místnosti a chatovací místnost na konci učitele opakovaně používají komponenty chatu, takže zde jsou nejprve rozděleny také moduly. Můžete se podívat na rozdělení komponent na straně učitele a porovnat tak některé komponenty znovu použité na straně učitele a na straně studenta. Následující obrázek ukazuje rozdělení webové studentské strany.
Ze srovnání v tabulce níže je patrné, že kromě logiky zpracování týkající se Yingmai lze znovu použít i další funkce IM na straně učitele a na webu studenta.
Konfigurace
Interaktivní živé vysílání je iterace založená na původním živém vysílání, takže zde musíme zajistit konfigurovatelnost interaktivního živého vysílání v různých produktových řadách vzdělávání. Zde uvedená konfigurace je podobná konfiguraci ostatních modulů a přístupu ke komponentám ve fondu veřejných komponent vzdělávání. Opírá se také o základní složku mezipaměti vzdělávání, která se čte v konfiguraci při načtení živé stránky nebo jedné stránky projektu (institucionální pozadí) Konfigurace, konfigurace jedním klíčem.
Analýza kladů a záporů
Výhody použití tohoto designu jsou
1. Všechny požadavky na server jsou odesílány prostřednictvím webové stránky, což snižuje náklady na údržbu učitele;
2. Konfigurovatelnost modulu. V různých obchodních liniích lze nakonfigurovat, aby se rozhodlo, zda se připojit k interaktivnímu živému vysílání;
3. Komponenty jsou zrnité. V různých modulech má strana učitele přístup ke komponentě chatu a interaktivní složce, mikrofonní složce a studentská strana má přístup pouze ke složce interaktivního seznamu;
4. Spoléhá se v největší míře na funkce implementované stávajícím Yunxin sdk, který dokáže splnit požadavky v relativně krátké době.
Problém
1. Proces Yingmai je složitější, protože zahrnuje více cílů a ladění na každém konci je ztráta času. To je také účelem organizace tohoto článku. Po seznámení se s procesem každého konce může každý konec nejprve během ladění lokalizovat konec problému a poté lze problém cíleně najít v určitém odkazu.
2. Protože se provádí na základě původní iterace, mnoho komponent není zapouzdřeno do komponent standardu vzdělávání, ale za předpokladu jasné logiky je lze optimalizovat v následných iteracích.
3. Optimalizujte způsob implementace front-end.
shrnout
Prostřednictvím tohoto článku vyřešíme logiku každého konce interaktivního živého vysílání, abychom usnadnili pozdější přístup k porozumění procesu interaktivního živého vysílání. Pro klienta a učitele můžete pochopit implementaci rozhraní a zpráv poskytovaných front-endem. Pokud je nutné přistupovat k modulu interaktivního živého vysílání v dalším následném projektu, lze k němu rychle přistupovat a ladit jej a zároveň může dále optimalizovat existující problémy uvedené výše.
|
Zadejte e-mail a získejte překvapení
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánština
sq.fmuser.org -> albánština
ar.fmuser.org -> arabština
hy.fmuser.org -> Arménský
az.fmuser.org -> Ázerbájdžánština
eu.fmuser.org -> baskičtina
be.fmuser.org -> běloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> Katalánština
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> Čínsky (zjednodušeně)
hr.fmuser.org -> chorvatština
cs.fmuser.org -> čeština
da.fmuser.org -> dánština
nl.fmuser.org -> Dutch
et.fmuser.org -> estonština
tl.fmuser.org -> filipínský
fi.fmuser.org -> finština
fr.fmuser.org -> French
gl.fmuser.org -> galicijština
ka.fmuser.org -> gruzínština
de.fmuser.org -> němčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolština
iw.fmuser.org -> hebrejština
hi.fmuser.org -> hindština
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandština
id.fmuser.org -> Indonéština
ga.fmuser.org -> Irština
it.fmuser.org -> Italian
ja.fmuser.org -> japonština
ko.fmuser.org -> korejština
lv.fmuser.org -> lotyština
lt.fmuser.org -> Litevština
mk.fmuser.org -> makedonština
ms.fmuser.org -> Malajština
mt.fmuser.org -> maltština
no.fmuser.org -> Norwegian
fa.fmuser.org -> perština
pl.fmuser.org -> polština
pt.fmuser.org -> portugalština
ro.fmuser.org -> Rumunština
ru.fmuser.org -> ruština
sr.fmuser.org -> srbština
sk.fmuser.org -> slovenština
sl.fmuser.org -> Slovinština
es.fmuser.org -> španělština
sw.fmuser.org -> svahilština
sv.fmuser.org -> švédština
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinština
ur.fmuser.org -> urdština
vi.fmuser.org -> Vietnamská
cy.fmuser.org -> velština
yi.fmuser.org -> Jidiš
FMUSER Bezdrátový přenos videa a zvuku snadnější!
Kontakt
Adresa:
Budova č. 305 Room HuiLan No.273 Huanpu Road Guangzhou Čína 510620
Kategorie
Newsletter