FMUSER Wirless överför video och ljud enklare!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikanska
sq.fmuser.org -> albanska
ar.fmuser.org -> arabiska
hy.fmuser.org -> Armenian
az.fmuser.org -> Azerbajdzjanska
eu.fmuser.org -> Baskiska
be.fmuser.org -> vitryska
bg.fmuser.org -> Bulgariska
ca.fmuser.org -> katalanska
zh-CN.fmuser.org -> Kinesiska (förenklad)
zh-TW.fmuser.org -> Kinesiska (traditionella)
hr.fmuser.org -> kroatiska
cs.fmuser.org -> Tjeckiska
da.fmuser.org -> danska
nl.fmuser.org -> Dutch
et.fmuser.org -> estniska
tl.fmuser.org -> filippinska
fi.fmuser.org -> finska
fr.fmuser.org -> French
gl.fmuser.org -> galiciska
ka.fmuser.org -> Georgiska
de.fmuser.org -> tyska
el.fmuser.org -> Greek
ht.fmuser.org -> Haitisk kreol
iw.fmuser.org -> hebreiska
hi.fmuser.org -> Hindi
hu.fmuser.org -> ungerska
is.fmuser.org -> isländska
id.fmuser.org -> Indonesiska
ga.fmuser.org -> Irländska
it.fmuser.org -> Italian
ja.fmuser.org -> japanska
ko.fmuser.org -> koreanska
lv.fmuser.org -> lettiska
lt.fmuser.org -> Litauiska
mk.fmuser.org -> makedonska
ms.fmuser.org -> Malajiska
mt.fmuser.org -> maltesiska
no.fmuser.org -> Norwegian
fa.fmuser.org -> persiska
pl.fmuser.org -> polska
pt.fmuser.org -> portugisiska
ro.fmuser.org -> rumänska
ru.fmuser.org -> ryska
sr.fmuser.org -> serbiska
sk.fmuser.org -> Slovakiska
sl.fmuser.org -> Slovenska
es.fmuser.org -> spanska
sw.fmuser.org -> Swahili
sv.fmuser.org -> svenska
th.fmuser.org -> Thai
tr.fmuser.org -> Turkiska
uk.fmuser.org -> ukrainska
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnamesiskt
cy.fmuser.org -> Walesiska
yi.fmuser.org -> Jiddisch
Den interaktiva direktsändningen involverar servern, lärarklienten, iOS / Android-studentklienten och Web / Wap-studentklienten. Den här artikeln fokuserar på interaktionsprocessen för Maimai, utformningen av Maimai-modulen på front-enden, och designen av interaktiva och chattkomponenter i front-end. För att förverkliga chattfunktionen i själva chattrummet, eftersom tillgången till Yunxin IM SDK huvudsakligen realiseras genom Api-samtalspaketet, kommer jag inte att gå in på detaljer.
Innan du utformar systemet måste du först överväga följande frågor:
• Kravsdefinition och funktionsdelning för varje ände, hur varje ände samverkar
• Avtal mellan varje ände
• Klienten ber mikrofonen och läraren att ta emot
• Synkronisering av interaktiv information efter att klienten kommer in i det interaktiva live-sändningsrummet
Med ovanstående frågor, låt oss först reda ut de tjänster som vi kan lita på. Följande tjänster som tillhandahålls av NetEase Cloud visas i figuren nedan. I kombination med utformningen av våra egna systemkrav kan vi snabbt integrera funktionerna för IM och interaktiv live-sändning.
• Yunxin IM-tjänst tillhandahåller en komplett uppsättning grundläggande snabbmeddelandefunktioner, som snabbt kan integrera snabbmeddelanden och nätverksfunktioner i realtid i företagets egna applikationer.
• Yunxins interaktiva direktsändningsfunktion stöder interaktion i realtid mellan värden och publiken.
Ramverk
Våra grundläggande behov är huvudsakligen följande tre delar:
1. Studenter går in i chattrummet på App-klienten och kan initiera en begäran om vete;
2. På lärarens sida kan du godkänna eller avvisa studentens begäran;
3. När läraren har godkänt en elevs begäran kan eleven gå in i direktsändningsrummet för att interagera.
Kombinera kraven och sortera ut följande grundläggande mikrofonförfrågan, anslutningsmikrofon och interaktiva processer, som visas i figuren nedan. Olika stilar av dataflöde representerar olika avtal.
Här är några ytterligare begrepp:
1. SDK för klienten Yunxin IM, klienten skickar P2P-meddelanden till läraren via Yunxin IM
2. Klientinteraktiv live-sändning SDK, klient ansluter till interaktiv live-sändning
3. Yunxin SDK i läraränden, acceptera p2p-meddelanden
4. Interaktiv live-sändning SDK för lärare, interagera med live-sändning på klientsidan
5. SDK för Yunxin IM på nätet, skickar och tar emot meddelanden
6. Anpassa meddelandet och datastrukturen för meddelandet som skickas i varje ände
Design och implementering
Implementering Detta avsnitt introducerar huvudsakligen implementeringen av lärarklienten och Web / Wap-studentklienten som nämns i översikten över föregående avsnitt. Den innehåller huvudsakligen följande delar: processförfining, lärar-IM-modul, webbstudentterminalmodul, konfiguration, fördelar och befintliga problem.
Processförfining
Låt oss först introducera implementeringen av lärarens slut och göra kompletterande förklaringar till några av detaljerna i siffrans ordning i figuren nedan. Lärarsidan har två huvuddelar, en är infödd, som kallas lärares infödda i den här artikeln, och den andra är en webbsida, som i den här artikeln kallas lärarchatt. Lärarnas infödda och lärarens IM kommunicerar via jsbridge och anpassade meddelanden.
Först och främst, sortera jsbridge-kommunikationen mellan lärare och lärare direkt enligt följande:
-notifyQueueChange
-meddela volym
-notifyCustomMsg
-kolla uppdatering
-notifyLiveStatus
Kombinera flödesschemat ovan och gör sedan en detaljerad beskrivning av processen:
1. Kundinitiering
Varje ände får en enhetlig chattrumsadress genom att begära servern
2. Lärarinitialisering
Efter att lärarens chatt har initierats hämtar det chattrumsadressen via serverförfrågan (getPresenterLiveInfo), får chattrumsingleton, informerar läraren om att det inhemska chattrummet är klart och får den interaktiva direktsändningsdata.
3. Processen med att bjuda in vete
• Klienten skickar ett p2p-meddelande till läraren. Läraren använder jsbridge för att ringa notifyCustomMsg för lärarens chatt, och lärarens chatt uppdaterar väntkön för Mai-begäran att den upprätthåller.
• Lärarens chatt klickar för att godkänna eller avvisa, och lärarens infödda meddelas via ett meddelande och lärarens infödda informerar klienten om begäran via P2P.
• Klienten använder den interaktiva live-sändnings-SDK: n, ansluter mikrofonen till live-rummet och skickar ett meddelande till läraren via den interaktiva live-sändnings-SDK: n.
• Läraren kallar metoden notifyQueueChange för att uppdatera listorna i lärarens snabbmeddelande
• Lärarchatt, begär asynkront (informServer) att uppdatera serverns uppladdnings- och nedladdningsköer, skicka anpassade meddelanden (im-sdk) och sända för att meddela varje klient.
Lärarchattmodul
Genom att kombinera flödesschemat och den detaljerade beskrivningen av processen ovan designas och delas frontmodulerna, som visas i följande bild.
Här är LivePcChat en chattkomponent på fliken, LiveInteractivePresenter är en komponent som behandlar interaktiva operationer och XXcache är en komponent som inkapslar motsvarande datalagringsåtgärder. Den specifika komponentinstansen, samtalet, dataförfrågan och bearbetningsprocessen är som visas i sekvensdiagrammet nedan:
Webbstudentmodul
För studentterminalen Web / Wap, eftersom webb- / Wap-studentterminalen ännu inte har utvecklat jungfrufunktionen. Här tar du webbstudentterminalen som ett exempel för att introducera förverkligandet av studentterminalen Web / Wap i den interaktiva listan och chattinteraktion. Chattrumsdelen av sig själv och chattrummet på läraren slutar återanvända chattkomponenter, så modulerna delas också upp här först. Du kan hänvisa till delningen av komponenter på lärarsidan för att jämföra några av de komponenter som återanvänds av lärarsidan och elevsidan. Följande bild visar uppdelningen av webbstudentsidan.
Det framgår av jämförelsen i tabellen nedan att, förutom bearbetningslogiken relaterad till Yingmai, kan andra funktioner för IM på lärarsidan och webbsidansidan återanvändas.
konfiguration
Interaktiv direktsändning är en iteration baserad på den ursprungliga direktsändningen, så här måste vi säkerställa konfigurerbarheten för interaktiv direktsändning i olika utbildningsproduktlinjer. Konfigurationen som nämns här liknar konfigurationen av andra moduler och komponentåtkomst i den offentliga komponentpoolen. Det förlitar sig också på utbildningens allmänna komponentcache-bas, som läses i konfigurationen när livesidan eller projektets enstaka sida laddas (institutionell bakgrund) Konfiguration, konfiguration med en tangent.
Fördelar och nackdelar analys
Fördelarna med att använda denna design är
1. Alla serverförfrågningar skickas via webbsidan, vilket minskar lärarens underhållskostnad.
2. Modulens konfigurerbarhet. I olika affärsområden kan den konfigureras för att bestämma om den ska ansluta till den interaktiva direktsändningen;
3. Komponenterna är granulära. I olika moduler kan lärarsidan komma åt chattkomponenten och den interaktiva komponenten, mikrofonkomponenten, och elevsidan kan bara komma åt den interaktiva listkomponenten;
4. Den förlitar sig i största möjliga utsträckning på de funktioner som implementeras av den befintliga Yunxin sdk, som kan uppfylla kraven på relativt kort tid.
Problemet
1. Processen med Yingmai är mer komplicerad, eftersom den involverar flera ändar, och felsökning i varje ände är slöseri med tid. Detta är också syftet med att organisera denna artikel. Efter att ha kommit igenom förståelsen för processen i varje ände kan varje ände först hitta slutet på problemet under felsökning och sedan kan problemet hittas i en viss länk på ett riktat sätt.
2. Eftersom den utförs på grundval av den ursprungliga iterationen är många komponenter inte inkapslade i utbildningsstandardkomponenter, men under förutsättningen av tydlig logik kan de optimeras i efterföljande iterationer.
3. Optimera metoden för front-end-implementering.
summera
Genom den här artikeln kommer vi att reda ut logiken i varje ände av den interaktiva direktsändningen för att underlätta senare åtkomst till förståelsen av den interaktiva direktsändningsprocessen. För klienten och läraren kan du förstå implementeringen av gränssnitt och meddelanden som tillhandahålls av frontend. Om det är nödvändigt att komma åt den interaktiva direktsändningsmodulen i ett annat efterföljande projekt kan den snabbt nås och felsökas, och samtidigt kan den ytterligare optimera de befintliga problemen som tas upp ovan.
|
Ange e-post för att få en överraskning
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikanska
sq.fmuser.org -> albanska
ar.fmuser.org -> arabiska
hy.fmuser.org -> Armenian
az.fmuser.org -> Azerbajdzjanska
eu.fmuser.org -> Baskiska
be.fmuser.org -> vitryska
bg.fmuser.org -> Bulgariska
ca.fmuser.org -> katalanska
zh-CN.fmuser.org -> Kinesiska (förenklad)
zh-TW.fmuser.org -> Kinesiska (traditionella)
hr.fmuser.org -> kroatiska
cs.fmuser.org -> Tjeckiska
da.fmuser.org -> danska
nl.fmuser.org -> Dutch
et.fmuser.org -> estniska
tl.fmuser.org -> filippinska
fi.fmuser.org -> finska
fr.fmuser.org -> French
gl.fmuser.org -> galiciska
ka.fmuser.org -> Georgiska
de.fmuser.org -> tyska
el.fmuser.org -> Greek
ht.fmuser.org -> Haitisk kreol
iw.fmuser.org -> hebreiska
hi.fmuser.org -> Hindi
hu.fmuser.org -> ungerska
is.fmuser.org -> isländska
id.fmuser.org -> Indonesiska
ga.fmuser.org -> Irländska
it.fmuser.org -> Italian
ja.fmuser.org -> japanska
ko.fmuser.org -> koreanska
lv.fmuser.org -> lettiska
lt.fmuser.org -> Litauiska
mk.fmuser.org -> makedonska
ms.fmuser.org -> Malajiska
mt.fmuser.org -> maltesiska
no.fmuser.org -> Norwegian
fa.fmuser.org -> persiska
pl.fmuser.org -> polska
pt.fmuser.org -> portugisiska
ro.fmuser.org -> rumänska
ru.fmuser.org -> ryska
sr.fmuser.org -> serbiska
sk.fmuser.org -> Slovakiska
sl.fmuser.org -> Slovenska
es.fmuser.org -> spanska
sw.fmuser.org -> Swahili
sv.fmuser.org -> svenska
th.fmuser.org -> Thai
tr.fmuser.org -> Turkiska
uk.fmuser.org -> ukrainska
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnamesiskt
cy.fmuser.org -> Walesiska
yi.fmuser.org -> Jiddisch
FMUSER Wirless överför video och ljud enklare!
Kontakta oss
Adress:
No.305 Room HuiLan Building No.273 Huanpu Road Guangzhou Kina 510620
Kategorier
Nyhetsbrev