FMUSER Wirless Overfør video og lyd enklere!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> albansk
ar.fmuser.org -> arabisk
hy.fmuser.org -> armensk
az.fmuser.org -> aserbajdsjansk
eu.fmuser.org -> baskisk
be.fmuser.org -> hviterussisk
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> katalansk
zh-CN.fmuser.org -> Kinesisk (forenklet)
zh-TW.fmuser.org -> Kinesisk (tradisjonell)
hr.fmuser.org -> Kroatisk
cs.fmuser.org -> tsjekkisk
da.fmuser.org -> dansk
nl.fmuser.org -> Nederlandsk
et.fmuser.org -> estisk
tl.fmuser.org -> filippinsk
fi.fmuser.org -> finsk
fr.fmuser.org -> French
gl.fmuser.org -> galisisk
ka.fmuser.org -> Georgisk
de.fmuser.org -> tysk
el.fmuser.org -> gresk
ht.fmuser.org -> haitisk kreolsk
iw.fmuser.org -> hebraisk
hi.fmuser.org -> hindi
hu.fmuser.org -> Ungarsk
is.fmuser.org -> islandsk
id.fmuser.org -> indonesisk
ga.fmuser.org -> Irsk
it.fmuser.org -> Italiensk
ja.fmuser.org -> japansk
ko.fmuser.org -> koreansk
lv.fmuser.org -> lettisk
lt.fmuser.org -> litauisk
mk.fmuser.org -> makedonsk
ms.fmuser.org -> malaysisk
mt.fmuser.org -> maltesisk
no.fmuser.org -> norsk
fa.fmuser.org -> persisk
pl.fmuser.org -> polsk
pt.fmuser.org -> portugisisk
ro.fmuser.org -> rumensk
ru.fmuser.org -> russisk
sr.fmuser.org -> serbisk
sk.fmuser.org -> Slovakisk
sl.fmuser.org -> Slovenian
es.fmuser.org -> spansk
sw.fmuser.org -> Swahili
sv.fmuser.org -> svensk
th.fmuser.org -> Thai
tr.fmuser.org -> tyrkisk
uk.fmuser.org -> ukrainsk
ur.fmuser.org -> urdu
vi.fmuser.org -> Vietnamesisk
cy.fmuser.org -> walisisk
yi.fmuser.org -> Yiddish
Den interaktive direktesendingen involverer serveren, lærerklienten, iOS / Android-studentklienten og Web / Wap-studentklienten. Denne artikkelen fokuserer på samhandlingsprosessen til Maimai, utformingen av Maimai-modulen på front-enden, og utformingen av interaktive og chat-komponenter på front-enden. For å realisere chatfunksjonen i selve chatterommet, fordi tilgangen til Yunxin IM SDK hovedsakelig blir realisert gjennom Api-samtalepakken, vil jeg ikke gå i detaljer.
Før du designer systemet, må du først vurdere følgende spørsmål:
• Kravdefinisjon og funksjonsdeling av hver ende, hvordan hver ende samhandler
• Avtale mellom hver ende
• Klienten ber mikrofonen og læreren om å motta
• Synkronisering av interaktiv informasjon etter at klienten kommer inn i det interaktive direktesendingsrommet
Med spørsmålene ovenfor, la oss først sortere ut tjenestene vi kan stole på. Følgende tjenester levert av NetEase Cloud er vist i figuren nedenfor. Kombinert med utformingen av våre egne systemkrav, kan vi raskt integrere funksjonene til chat og interaktiv direktesending.
• Yunxin IM-tjeneste tilbyr et komplett sett med grunnleggende funksjoner for direktemeldinger, som raskt kan integrere direktemeldinger og sanntids nettverksfunksjoner i bedriftens egne applikasjoner.
• Yunxins interaktive direktesendingsfunksjon støtter sanntidsinteraksjon mellom verten og publikum.
Rammeverk
Våre grunnleggende behov er hovedsakelig følgende tre deler:
1. Studentene går inn i chatterommet på App-klienten, og kan initiere en forespørsel om hvete;
2. På lærersiden kan du godkjenne eller avvise elevens forespørsel;
3. Etter at læreren godtar en elevs forespørsel, kan studenten gå inn i direktesendingsrommet for å samhandle.
Kombiner kravene og sorter ut følgende grunnleggende mikrofonforespørsel, tilkoblingsmikrofon og interaktive prosesser, som vist i figuren nedenfor. Ulike stiler av datastrøm representerer forskjellige avtaler.
Her er noen ekstra konsepter:
1. SDK til klienten Yunxin IM, klienten sender P2P-meldinger til læreren gjennom Yunxin IM
2. Klientinteraktiv direktesending SDK, klient kobles til interaktiv direktesending
3. Yunxin SDK på lærersiden, godta p2p-meldinger
4. Lærerslutt interaktiv direktesending SDK, samhandle med klientsiden direktesending
5. SDK for Yunxin IM på nettet, sender og mottar meldinger
6. Tilpass meldingen og datastrukturen til meldingen som sendes i hver ende
Design og implementering
Implementering Denne delen introduserer hovedsakelig implementeringen av lærerklienten og Web / Wap-studentklienten som er nevnt i oversikten over forrige avsnitt. Den inneholder hovedsakelig følgende deler: prosessavgrensning, lærer-IM-modul, nettstudentterminalmodul, konfigurasjon, fordeler og eksisterende problemer.
Prosessforedling
La oss først introdusere implementeringen av lærerens slutt, og gjøre supplerende forklaringer på noen av detaljene i rekkefølgen på tallene i figuren nedenfor. Lærersiden har to hoveddeler, den ene er innfødt, som i denne artikkelen kalles lærerens innfødte, og den andre er en nettside som i denne artikkelen kalles lærer-IM. Lærerens innfødte og lærerens IM kommuniserer gjennom jsbridge og tilpassede meldinger.
Først av alt, sorter ut jsbridge-kommunikasjonen mellom lærerinnfødte og lærer-IM slik:
-varsle QueueChange
-varsle volum
-notifyCustomMsg
-sjekk Oppdater
-varsleLiveStatus
Kombiner flytskjemaet ovenfor, og lag deretter en detaljert beskrivelse av prosessen:
1. Klientinitialisering
Hver ende oppnår en samlet chatterom-adresse ved å be om serveren
2. Lærerinitialisering
Etter at lærerens IM er initialisert, får den chatterom-adressen gjennom serverforespørselen (getPresenterLiveInfo), skaffer chatterom-singleton, informerer læreren om at det opprinnelige chatterommet er klart, og får de interaktive direktesendingsdataene.
3. Prosessen med å invitere hvete
• Klienten sender en p2p-melding til læreren. Læreren bruker jsbridge for å ringe notifyCustomMsg til læreren, og læreren oppdaterer ventekøen for Mai-forespørselen om at den opprettholder.
• Lærerens direktemelding klikker for å godta eller avvise, og lærerens innfødte blir varslet via en melding, og lærerens innfødte informerer klienten om forespørselen gjennom P2P.
• Klienten bruker den interaktive direktesendings-SDK-en, kobler mikrofonen til live-rommet og sender en melding til læreren som er hjemmehørende gjennom den interaktive direktesendings-SDK-en.
• Læreren har innkalling til notifyQueueChange-metoden for å oppdatere listene i lærerens chat
• Lærer-chat, ber asynkront (informServer) om å oppdatere serverens opplastings- og nedlastningskøer, sende egendefinerte meldinger (im-sdk) og kringkaste for å varsle hver klient.
Lærer IM-modul
Ved å kombinere flytskjemaet og den detaljerte beskrivelsen av prosessen ovenfor, blir frontmodulene designet og delt, som vist i følgende figur.
Her er LivePcChat en chattekomponent i Tab, LiveInteractivePresenter er en komponent som behandler interaktive operasjoner, og XXcache er en komponent som innkapsler tilsvarende datalagoperasjoner. Den spesifikke komponentforekomsten, samtalen, dataforespørselen og prosesseringsprosessen er som vist i sekvensdiagrammet nedenfor:
Nettstudentmodul
For Web / Wap studentterminalen, fordi Web / Wap studentterminalen i seg selv ennå ikke har utviklet jomfrufunksjonen. Her tar du webstudentterminalen som et eksempel for å introdusere realiseringen av studentterminalen Web / Wap i den interaktive listen og chatinteraksjon. Chatterom-delen av seg selv og chatterommet på læreren slutter å bruke chat-komponenter på nytt, så modulene deles også her først. Du kan referere til delingen av komponenter på lærersiden for å sammenligne noen av komponentene som brukes på nytt av lærersiden og elevsiden. Den følgende figuren viser splittelsen av nettstudentsiden.
Det kan sees fra sammenligningen i tabellen nedenfor at, i tillegg til prosesseringslogikken knyttet til Yingmai, kan andre funksjoner av chat på lærersiden og nettstudentsiden gjenbrukes.
Konfigurasjon
Interaktiv direktesending er en iterasjon basert på den opprinnelige direktesendingen, så her må vi sikre konfigurerbarheten av interaktiv direktesending i ulike utdanningsproduktlinjer. Konfigurasjonen som er nevnt her, ligner på konfigurasjonen av andre moduler og komponenttilgang i utdanningskomponenten. Den er også avhengig av utdanningens generelle cache-base, som leses i konfigurasjonen når direktesiden eller prosjektsiden er lastet (institusjonell bakgrunn) Konfigurasjon, konfigurasjon med en nøkkel.
Fordeler og ulemper analyse
Fordelene med å bruke dette designet er
1. Alle serverforespørsler sendes via websiden, noe som reduserer vedlikeholdskostnadene til læreren;
2. Konfigurerbarheten til modulen. I forskjellige forretningsområder kan den konfigureres til å bestemme om den skal koble til den interaktive direktesendingen;
3. Komponentene er granulære. I forskjellige moduler har lærersiden tilgang til chat-komponenten og den interaktive komponenten, mikrofonkomponenten, og studentsiden har bare tilgang til den interaktive listekomponenten;
4. Den er i størst grad avhengig av funksjonene implementert av eksisterende Yunxin sdk, som kan oppfylle kravene på relativt kort tid.
Problemet
1. Prosessen med Yingmai er mer komplisert, fordi den involverer flere ender, og feilsøking i hver ende er bortkastet tid. Dette er også hensikten med å organisere denne artikkelen. Etter å ha forstått prosessen i hver ende, kan hver ende først finne slutten av problemet under feilsøking, og deretter kan problemet bli funnet i en bestemt kobling på en målrettet måte.
2. Fordi det utføres på grunnlag av den opprinnelige iterasjonen, er mange komponenter ikke innkapslet i pedagogiske standardkomponenter, men under forutsetning av klar logikk, kan de optimaliseres i påfølgende iterasjoner.
3. Optimaliser metoden for frontend-implementering.
oppsummere
Gjennom denne artikkelen vil vi sortere logikken til hver ende av den interaktive direktesendingen for å lette senere tilgang til forståelsen av den interaktive direktesendingsprosessen. For klienten og læreren kan du forstå implementeringen av grensesnittene og meldingene fra frontend. Hvis det er nødvendig å få tilgang til den interaktive direktesendingsmodulen i et annet påfølgende prosjekt, kan den raskt nås og feilsøkes, og samtidig kan den ytterligere optimalisere de eksisterende problemene som er reist ovenfor.
|
Skriv inn e-post for å få en overraskelse
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> albansk
ar.fmuser.org -> arabisk
hy.fmuser.org -> armensk
az.fmuser.org -> aserbajdsjansk
eu.fmuser.org -> baskisk
be.fmuser.org -> hviterussisk
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> katalansk
zh-CN.fmuser.org -> Kinesisk (forenklet)
zh-TW.fmuser.org -> Kinesisk (tradisjonell)
hr.fmuser.org -> Kroatisk
cs.fmuser.org -> tsjekkisk
da.fmuser.org -> dansk
nl.fmuser.org -> Nederlandsk
et.fmuser.org -> estisk
tl.fmuser.org -> filippinsk
fi.fmuser.org -> finsk
fr.fmuser.org -> French
gl.fmuser.org -> galisisk
ka.fmuser.org -> Georgisk
de.fmuser.org -> tysk
el.fmuser.org -> gresk
ht.fmuser.org -> haitisk kreolsk
iw.fmuser.org -> hebraisk
hi.fmuser.org -> hindi
hu.fmuser.org -> Ungarsk
is.fmuser.org -> islandsk
id.fmuser.org -> indonesisk
ga.fmuser.org -> Irsk
it.fmuser.org -> Italiensk
ja.fmuser.org -> japansk
ko.fmuser.org -> koreansk
lv.fmuser.org -> lettisk
lt.fmuser.org -> litauisk
mk.fmuser.org -> makedonsk
ms.fmuser.org -> malaysisk
mt.fmuser.org -> maltesisk
no.fmuser.org -> norsk
fa.fmuser.org -> persisk
pl.fmuser.org -> polsk
pt.fmuser.org -> portugisisk
ro.fmuser.org -> rumensk
ru.fmuser.org -> russisk
sr.fmuser.org -> serbisk
sk.fmuser.org -> Slovakisk
sl.fmuser.org -> Slovenian
es.fmuser.org -> spansk
sw.fmuser.org -> Swahili
sv.fmuser.org -> svensk
th.fmuser.org -> Thai
tr.fmuser.org -> tyrkisk
uk.fmuser.org -> ukrainsk
ur.fmuser.org -> urdu
vi.fmuser.org -> Vietnamesisk
cy.fmuser.org -> walisisk
yi.fmuser.org -> Yiddish
FMUSER Wirless Overfør video og lyd enklere!
Kontakt
Adresse:
No.305 Room HuiLan Building No.273 Huanpu Road Guangzhou Kina 510620
Type kategori
Nyhetsbrev