FMUSER Bezdrôtové vysielanie videa a zvuku je jednoduchšie!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánčina
sq.fmuser.org -> albánsky
ar.fmuser.org -> arabčina
hy.fmuser.org -> Arménsky
az.fmuser.org -> azerbajdžanský
eu.fmuser.org -> baskičtina
be.fmuser.org -> bieloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> katalánčina
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> čínština (tradičná)
hr.fmuser.org -> chorvátčina
cs.fmuser.org -> čeština
da.fmuser.org -> dánčina
nl.fmuser.org -> Dutch
et.fmuser.org -> estónčina
tl.fmuser.org -> filipínsky
fi.fmuser.org -> fínčina
fr.fmuser.org -> French
gl.fmuser.org -> galícijčina
ka.fmuser.org -> gruzínsky
de.fmuser.org -> nemčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolčina
iw.fmuser.org -> hebrejčina
hi.fmuser.org -> hindčina
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandský
id.fmuser.org -> indonézština
ga.fmuser.org -> írsky
it.fmuser.org -> Italian
ja.fmuser.org -> japončina
ko.fmuser.org -> kórejčina
lv.fmuser.org -> lotyšský
lt.fmuser.org -> litovčina
mk.fmuser.org -> macedónsky
ms.fmuser.org -> malajčina
mt.fmuser.org -> maltčina
no.fmuser.org -> Norwegian
fa.fmuser.org -> perzský
pl.fmuser.org -> poľština
pt.fmuser.org -> portugalčina
ro.fmuser.org -> rumunčina
ru.fmuser.org -> ruština
sr.fmuser.org -> srbčina
sk.fmuser.org -> slovenčina
sl.fmuser.org -> slovinčina
es.fmuser.org -> španielčina
sw.fmuser.org -> svahilčina
sv.fmuser.org -> švédčina
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinčina
ur.fmuser.org -> urdčina
vi.fmuser.org -> Vietnamese
cy.fmuser.org -> waleština
yi.fmuser.org -> jidiš
Interaktívne živé vysielanie zahŕňa server, klienta učiteľa, študentského klienta iOS / Android a študentského klienta Web / Wap. Tento článok sa zameriava na proces interakcie produktu Maimai, návrh modulu Maimai na klientskom rozhraní a návrh interaktívnych a chatovacích komponentov na počítačovom rozhraní. Pre realizáciu chatovacej funkcie samotnej chatovacej miestnosti, pretože prístup k Yunxin IM SDK sa realizuje hlavne prostredníctvom balíka Api call, nebudem zachádzať do podrobností.
Pred návrhom systému je potrebné najskôr zvážiť nasledujúce otázky:
• Definícia požiadaviek a rozdelenie funkcií každého konca, spôsob interakcie každého konca
• Dohoda medzi každým koncom
• Klient požiada mikrofón a učiteľa o prijatie
• Synchronizácia interaktívnych informácií po vstupe klienta do miestnosti interaktívneho živého vysielania
S vyššie uvedenými otázkami poďme najskôr vyriešiť služby, na ktoré sa môžeme spoľahnúť. Nasledujúce služby poskytované serverom NetEase Cloud sú zobrazené na obrázku nižšie. V kombinácii s návrhom našich vlastných systémových požiadaviek môžeme rýchlo integrovať funkcie okamžitých správ a interaktívneho živého vysielania.
• Služba Yunxin IM poskytuje kompletnú sadu základných funkcií okamžitých správ, ktoré umožňujú rýchlu integráciu okamžitých správ a sieťových funkcií v reálnom čase do vlastných podnikových aplikácií.
• Funkcia interaktívneho živého vysielania spoločnosti Yunxin podporuje interakciu medzi hostiteľom a publikom v reálnom čase.
Rámec
Naše základné potreby sú hlavne tieto tri časti:
1. Študenti vstúpia do chatovacej miestnosti v klientovi aplikácie a môžu iniciovať žiadosť o pšenicu;
2. Na strane učiteľa môžete žiadosť študenta schváliť alebo zamietnuť;
3. Keď učiteľ súhlasí s požiadavkou študenta, môže vstúpiť do miestnosti priameho prenosu a komunikovať.
Kombinujte požiadavky a vyriešte nasledujúce základné požiadavky na mikrofón, pripojovací mikrofón a interaktívne procesy, ako je to znázornené na obrázku nižšie. Rôzne štýly toku údajov predstavujú rôzne dohody.
Tu je niekoľko ďalších konceptov:
1. SDK klienta Yunxin IM, klient zasiela P2P správy učiteľovi prostredníctvom Yunxin IM
2. Klient interaktívne živé vysielanie SDK, klient sa pripája k interaktívnemu živému vysielaniu
3. Yunxin SDK na konci učiteľa, prijímajte správy p2p
4. Interaktívne živé vysielanie SDK na úrovni učiteľa, interakcia s živým vysielaním na strane klienta
5. SDK Yunxin IM na webe, odosielanie a prijímanie správ
6. Prispôsobte správu a dátovú štruktúru správy odosielanej na každý koniec
Návrh a implementácia
Implementácia Táto časť predstavuje hlavne implementáciu učiteľského klienta a študentského klienta Web / Wap uvedeného v prehľade predchádzajúcej časti. Zahŕňa hlavne nasledujúce časti: zdokonalenie procesu, modul IM pre učiteľa, modul webového študentského terminálu, konfigurácia, výhody a existujúce problémy.
Spresnenie procesu
Najprv si predstavíme implementáciu konca učiteľa a vykonáme doplňujúce vysvetlenia k niektorým detailom v poradí podľa čísel na obrázku nižšie. Strana pre učiteľov má dve hlavné časti, jednu natívnu, ktorá sa v tomto článku nazýva rodná učiteľka, a druhú webovú stránku, ktorá sa v tomto článku nazýva učiteľ IM. Nativní učiteľ a učiteľ IM komunikujú prostredníctvom jsbridge a vlastných správ.
Najskôr vyriešte komunikáciu jsbridge medzi učiteľom a učiteľom IM takto:
-notifyQueueChange
-oznámiť objem
-notifyCustomMsg
-skontrolovaťAktualizáciu
-notifyLiveStatus
Skombinujte vyššie uvedený vývojový diagram a potom urobte podrobný popis procesu:
1. Inicializácia klienta
Každý koniec získa vyžiadaním servera jednotnú adresu chatovacej miestnosti
2. Inicializácia učiteľa
Po inicializácii IM učiteľa získa adresu chatovacej miestnosti prostredníctvom požiadavky na server (getPresenterLiveInfo), získa singleton chatovacej miestnosti, informuje učiteľa, že natívna chatová miestnosť je pripravená, a získa interaktívne údaje živého vysielania.
3. Proces pozývania pšenice
• Klient odošle správu p2p natívnemu učiteľovi. Učiteľský rodák používa jsbridge na zavolanie upozornenia IM učiteľa na NotifyCustomMsg a IM učiteľa aktualizuje čakajúci rad na požiadavku Mai, ktorú udržiava.
• Chat učiteľa klikne na súhlas alebo odmietnutie a učiteľský rodák je informovaný prostredníctvom správy a učiteľský rodák informuje klienta o požiadavke prostredníctvom P2P.
• Klient použije interaktívne živé vysielanie SDK, pripojí mikrofón k živej miestnosti a prostredníctvom interaktívneho živého vysielania SDK odošle správu učiteľovi.
• Rodák z učiteľa zavolá metódu notifyQueueChange, aby aktualizoval zoznamy v IM pre učiteľa
• Učiteľský program IM, asynchrónne požiadať (informServer) o aktualizáciu front na nahrávanie a sťahovanie servera, posielať vlastné správy (im-sdk) a vysielať s cieľom informovať každého klienta.
Učiteľský modul IM
Kombináciou vývojového diagramu a podrobného popisu vyššie uvedeného postupu sú front-end moduly navrhnuté a rozdelené, ako je znázornené na nasledujúcom obrázku.
Tu je LivePcChat komponentom chatu na karte Tab, LiveInteractivePresenter je komponentom, ktorý spracováva interaktívne operácie, a XXcache je komponentom, ktorý zapuzdruje zodpovedajúce operácie s dátovými vrstvami. Konkrétny príklad inštancie komponentu, volanie, požiadavka na údaje a proces spracovania sú uvedené v nasledujúcom diagrame:
Webový študentský modul
Pre študentský terminál Web / Wap, pretože samotný študentský terminál Web / Wap ešte nevyvinul funkciu dievčaťa. Tu si vezmite webový študentský terminál ako príklad a predstavte realizáciu študentského terminálu Web / Wap v interaktívnom zozname a pri interakcii s chatom. Samotná časť chatovacej miestnosti a konverzačná miestnosť na konci učiteľa opakovane používajú komponenty chatu, takže tu sa najskôr rozdelia aj moduly. Môžete sa odvolať na rozdelenie komponentov na strane učiteľa, aby ste porovnali niektoré komponenty znovu použité na strane učiteľa a študenta. Nasledujúci obrázok ukazuje rozdelenie webovej stránky študentov.
Z porovnania v nasledujúcej tabuľke vidno, že okrem logiky spracovania týkajúcej sa Yingmai je možné opätovne použiť aj ďalšie funkcie IM na strane učiteľa a na webe.
konfigurácia
Interaktívne živé vysielanie je iterácia založená na pôvodnom živom vysielaní, takže tu musíme zabezpečiť konfigurovateľnosť interaktívneho živého vysielania v rôznych produktových radoch pre vzdelávanie. Tu uvedená konfigurácia je podobná konfigurácii iných modulov a prístupu ku komponentom vo verejnej verejnej zložke komponentov vzdelávania. Tiež sa spolieha na všeobecnú zložku cache-základne pre vzdelávanie, ktorá sa načíta v konfigurácii pri načítaní živej stránky alebo jednej stránky projektu (inštitucionálne pozadie) Konfigurácia, konfigurácia jedným kľúčom.
Analýza výhod a nevýhod
Výhody použitia tohto dizajnu sú
1. Všetky požiadavky na server sa odosielajú cez webovú stránku, čo znižuje náklady na údržbu učiteľa;
2. Konfigurovateľnosť modulu. V rôznych obchodných líniách sa dá nakonfigurovať tak, aby sa rozhodlo, či sa pripojí k interaktívnemu živému vysielaniu;
3. Komponenty sú zrnité. V rôznych moduloch môže mať učiteľ prístup k komponentu chatu a interaktívnemu komponentu, komponentu mikrofónu a študentský prístup iba k komponentu interaktívneho zoznamu;
4. Spolieha sa v najväčšej miere na funkcie implementované existujúcim súborom Yunxin sdk, ktorý dokáže splniť požiadavky v relatívne krátkom čase.
Problém
1. Proces Yingmai je komplikovanejší, pretože zahŕňa viac koncov a ladenie na každom konci je stratou času. To je tiež účelom organizácie tohto článku. Po pochopení procesu každého konca môže každý koniec počas ladenia najskôr lokalizovať koniec problému a potom je možné problém cielene nájsť v určitom odkaze.
2. Pretože sa to deje na základe pôvodnej iterácie, veľa komponentov nie je zapuzdrených do komponentov vzdelávacích štandardov, ale za predpokladu jasnej logiky je možné ich optimalizovať v následných iteráciách.
3. Optimalizujte spôsob front-end implementácie.
zhrnúť
Prostredníctvom tohto článku budeme triediť logiku každého konca interaktívneho živého vysielania, aby sme uľahčili neskorší prístup k porozumeniu procesu interaktívneho živého vysielania. Pre klienta a učiteľa môžete pochopiť implementáciu rozhraní a správ poskytovaných klientskym rozhraním. Ak je potrebné pristúpiť k modulu interaktívneho živého vysielania v ďalšom nasledujúcom projekte, je možné k nemu rýchlo pristupovať a odladiť ho a zároveň môže ďalej optimalizovať existujúce problémy, ktoré sa vyskytli vyššie.
|
Zadajte e-mail, aby ste dostali prekvapenie
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikánčina
sq.fmuser.org -> albánsky
ar.fmuser.org -> arabčina
hy.fmuser.org -> Arménsky
az.fmuser.org -> azerbajdžanský
eu.fmuser.org -> baskičtina
be.fmuser.org -> bieloruský
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> katalánčina
zh-CN.fmuser.org -> čínština (zjednodušená)
zh-TW.fmuser.org -> čínština (tradičná)
hr.fmuser.org -> chorvátčina
cs.fmuser.org -> čeština
da.fmuser.org -> dánčina
nl.fmuser.org -> Dutch
et.fmuser.org -> estónčina
tl.fmuser.org -> filipínsky
fi.fmuser.org -> fínčina
fr.fmuser.org -> French
gl.fmuser.org -> galícijčina
ka.fmuser.org -> gruzínsky
de.fmuser.org -> nemčina
el.fmuser.org -> Greek
ht.fmuser.org -> haitská kreolčina
iw.fmuser.org -> hebrejčina
hi.fmuser.org -> hindčina
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandský
id.fmuser.org -> indonézština
ga.fmuser.org -> írsky
it.fmuser.org -> Italian
ja.fmuser.org -> japončina
ko.fmuser.org -> kórejčina
lv.fmuser.org -> lotyšský
lt.fmuser.org -> litovčina
mk.fmuser.org -> macedónsky
ms.fmuser.org -> malajčina
mt.fmuser.org -> maltčina
no.fmuser.org -> Norwegian
fa.fmuser.org -> perzský
pl.fmuser.org -> poľština
pt.fmuser.org -> portugalčina
ro.fmuser.org -> rumunčina
ru.fmuser.org -> ruština
sr.fmuser.org -> srbčina
sk.fmuser.org -> slovenčina
sl.fmuser.org -> slovinčina
es.fmuser.org -> španielčina
sw.fmuser.org -> svahilčina
sv.fmuser.org -> švédčina
th.fmuser.org -> Thai
tr.fmuser.org -> turečtina
uk.fmuser.org -> ukrajinčina
ur.fmuser.org -> urdčina
vi.fmuser.org -> Vietnamese
cy.fmuser.org -> waleština
yi.fmuser.org -> jidiš
FMUSER Bezdrôtové vysielanie videa a zvuku je jednoduchšie!
Kontakt
adresa:
Budova č. 305 Izba HuiLan č. 273 Huanpu Road Kanton Čína 510620
Kategórie
Prihlás sa na odber Newslettra