FMUSER Wirless Verzend video en audio eenvoudiger!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> Albanees
ar.fmuser.org -> Arabisch
hy.fmuser.org -> Armenian
az.fmuser.org -> Azerbeidzjaans
eu.fmuser.org -> Baskisch
be.fmuser.org -> Wit-Russisch
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> Catalaans
zh-CN.fmuser.org -> Chinees (vereenvoudigd)
zh-TW.fmuser.org -> Chinees (traditioneel)
hr.fmuser.org -> Kroatisch
cs.fmuser.org -> Tsjechisch
da.fmuser.org -> Deens
nl.fmuser.org -> Nederlands
et.fmuser.org -> Ests
tl.fmuser.org -> Filipijns
fi.fmuser.org -> Fins
fr.fmuser.org -> Frans
gl.fmuser.org -> Galicisch
ka.fmuser.org -> Georgisch
de.fmuser.org -> Duits
el.fmuser.org -> Greek
ht.fmuser.org -> Haïtiaans Creools
iw.fmuser.org -> Hebreeuws
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hungarian
is.fmuser.org -> IJslands
id.fmuser.org -> Indonesisch
ga.fmuser.org -> Iers
it.fmuser.org -> Italian
ja.fmuser.org -> Japans
ko.fmuser.org -> Koreaans
lv.fmuser.org -> Lets
lt.fmuser.org -> Lithuanian
mk.fmuser.org -> Macedonisch
ms.fmuser.org -> Maleis
mt.fmuser.org -> Maltees
no.fmuser.org -> Norwegian
fa.fmuser.org -> Perzisch
pl.fmuser.org -> Pools
pt.fmuser.org -> Portugees
ro.fmuser.org -> Roemeens
ru.fmuser.org -> Russisch
sr.fmuser.org -> Servisch
sk.fmuser.org -> Slowaaks
sl.fmuser.org -> Slovenian
es.fmuser.org -> Spaans
sw.fmuser.org -> Swahili
sv.fmuser.org -> Zweeds
th.fmuser.org -> Thai
tr.fmuser.org -> Turks
uk.fmuser.org -> Oekraïens
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnamese
cy.fmuser.org -> Welsh
yi.fmuser.org -> Jiddisch
De interactieve live-uitzending omvat de server, de docentenclient, de iOS/Android-studentenclient en de Web/Wap-studentenclient. Dit artikel richt zich op het interactieproces van Maimai, het ontwerp van de Maimai-module aan de voorkant en het ontwerp van interactieve en chatcomponenten aan de voorkant. Voor het realiseren van de chatfunctie van de chatroom zelf, omdat de toegang tot de Yunxin IM SDK voornamelijk wordt gerealiseerd via het Api-oproeppakket, zal ik niet in details treden.
Voordat u het systeem ontwerpt, moet u eerst de volgende vragen overwegen:
• Definitie van vereisten en functieverdeling van elk uiteinde, hoe elk uiteinde op elkaar inwerkt
• Overeenkomst tussen elk uiteinde
• De cliënt vraagt de microfoon en de docent om te ontvangen
• Synchronisatie van interactieve informatie nadat de klant de interactieve live-uitzendruimte betreedt
Laten we met bovenstaande vragen eerst uitzoeken op welke diensten we kunnen vertrouwen. De volgende services die door NetEase Cloud worden geleverd, worden weergegeven in de onderstaande afbeelding. Gecombineerd met het ontwerp van onze eigen systeemvereisten, kunnen we de functies van IM en interactieve live-uitzending snel integreren.
• Yunxin IM-service biedt een complete set basisfuncties voor instant messaging, waarmee instant messaging en realtime netwerkmogelijkheden snel kunnen worden geïntegreerd in de eigen applicaties van de onderneming.
• De interactieve live-uitzendingsfunctie van Yunxin ondersteunt realtime interactie tussen de gastheer en het publiek.
Achtergrond
Onze basisbehoeften zijn hoofdzakelijk de volgende drie onderdelen:
1. Studenten betreden de chatroom op de App-client en kunnen een verzoek om tarwe indienen;
2. Aan de kant van de docent kun je het verzoek van de student goedkeuren of afwijzen;
3. Nadat de docent instemt met het verzoek van een student, kan de student de live-uitzendruimte betreden om te communiceren.
Combineer de vereisten en sorteer het volgende basismicrofoonverzoek, verbindingsmicrofoon en interactieve processen, zoals weergegeven in de onderstaande afbeelding. Verschillende stijlen van gegevensstromen vertegenwoordigen verschillende overeenkomsten.
Hier zijn enkele aanvullende concepten:
1. De SDK van de klant Yunxin IM, de klant stuurt P2P-berichten naar de leraar via Yunxin IM
2. Client interactieve live-uitzending SDK, client maakt verbinding met interactieve live-uitzending
3. Yunxin SDK aan de kant van de leraar, accepteer p2p-berichten
4. Leraar-end interactieve live-uitzending SDK, interactie met client-side live-uitzending
5. De SDK van Yunxin IM op het web, berichten verzenden en ontvangen
6. Pas het bericht en de gegevensstructuur van het bericht aan dat door elk uiteinde wordt verzonden:
Ontwerp en implementatie
Implementatie Deze sectie introduceert voornamelijk de implementatie van de docentenclient en de Web/Wap-studentenclient die in het overzicht van de vorige sectie zijn genoemd. Het omvat voornamelijk de volgende onderdelen: procesverfijning, IM-module voor docenten, webmodule voor studententerminal, configuratie, voordelen en bestaande problemen.
Procesverfijning
Laten we eerst de implementatie van het einde van de leraar introduceren en aanvullende uitleg geven over enkele details in de volgorde van de cijfers in de onderstaande afbeelding. De kant van de leraar bestaat uit twee hoofdonderdelen, één is native, die in dit artikel native docenten wordt genoemd, en de andere is een webpagina, die in dit artikel docent IM wordt genoemd. De native docent en de IM voor docenten communiceren via jsbridge en aangepaste berichten.
Sorteer allereerst de jsbridge-communicatie tussen de moedertaal van de leraar en de IM van de leraar als volgt:
-notifyQueueChange
-meldingVolume
- notificeer CustomMsg
-checkBijwerken
-LiveStatus op de hoogte stellen
Combineer het bovenstaande stroomschema en maak vervolgens een gedetailleerde beschrijving van het proces:
1. Client-initialisatie
Elk uiteinde verkrijgt een uniform chatroomadres door de server op te vragen
2. Docentinitialisatie
Nadat de IM van de leraar is geïnitialiseerd, verkrijgt deze het chatroomadres via het serververzoek (getPresenterLiveInfo), verkrijgt de chatroom-singleton, informeert de leraar dat de native chatroom klaar is en verkrijgt de interactieve live-uitzendingsgegevens.
3. Het proces van het uitnodigen van tarwe
• De cliënt stuurt een p2p-bericht naar de native docent. De native leraar gebruikt jsbridge om de notificationCustomMsg van de IM van de leraar te bellen, en de IM van de leraar werkt de wachtrij bij voor het Mai-verzoek dat hij onderhoudt.
• De IM van de docent klikt om akkoord te gaan of af te wijzen, en de moedertaal van de docent wordt via een bericht op de hoogte gebracht en de moedertaal van de docent informeert de klant over het verzoek via P2P.
• De client gebruikt de SDK voor interactieve live-uitzendingen, verbindt de microfoon met de live-kamer en stuurt een native bericht naar de leraar via de SDK voor interactieve live-uitzendingen.
• De native leraar roept de methode notQueueChange aan om de lijsten in de IM van de leraar bij te werken
• Leraar IM, asynchroon verzoeken (informServer) om de upload- en downloadwachtrijen van de server bij te werken, aangepaste berichten verzenden (im-sdk) en uitzenden om elke client op de hoogte te stellen.
IM-module voor docenten
Door het stroomschema en de gedetailleerde beschrijving van het bovenstaande proces te combineren, worden de front-end modules ontworpen en gesplitst, zoals weergegeven in de volgende afbeelding.
Hier is LivePcChat een chatcomponent in Tab, LiveInteractivePresenter is een component die interactieve bewerkingen verwerkt en XXcache is een component die overeenkomstige gegevenslaagbewerkingen inkapselt. Het specifieke componentexemplaar, de oproep, het gegevensverzoek en het verwerkingsproces zijn zoals weergegeven in het onderstaande volgordediagram:
Webstudentmodule
Voor de Web/Wap-studententerminal, omdat de Web/Wap-studententerminal zelf nog niet de functie van maiden heeft ontwikkeld. Neem hier de Web studententerminal als voorbeeld om de realisatie van de Web/Wap studententerminal in de interactieve lijst en chatinteractie te introduceren. Het chatroomgedeelte van zichzelf en de chatroom op de docent hergebruiken chatcomponenten, dus de modules zijn hier ook eerst verdeeld. U kunt verwijzen naar de indeling van componenten aan de kant van de leraar om enkele van de componenten te vergelijken die door de kant van de leraar en de kant van de leerling worden hergebruikt. De volgende afbeelding toont de splitsing van de webstudentkant.
Uit de vergelijking in de onderstaande tabel blijkt dat, naast de verwerkingslogica met betrekking tot Yingmai, andere functies van de IM aan de kant van de leraar en aan de kant van de webstudent opnieuw kunnen worden gebruikt.
Configuratie
Interactieve live-uitzending is een herhaling op basis van de originele live-uitzending, dus hier moeten we zorgen voor de configureerbaarheid van interactieve live-uitzending in verschillende onderwijsproductlijnen. De hier genoemde configuratie is vergelijkbaar met de configuratie van andere modules en componenttoegang in de openbare componentpool van het onderwijs. Het vertrouwt ook op de cache-base van de algemene component van het onderwijs, die in de configuratie wordt gelezen wanneer de live-pagina of de enkele projectpagina wordt geladen (institutionele achtergrond) Configuratie, configuratie met één toets.
Voor- en nadelen analyse
De voordelen van het gebruik van dit ontwerp zijn:
1. Alle serververzoeken worden via de webpagina verzonden, waardoor de onderhoudskosten van de leraar worden verlaagd;
2. De configureerbaarheid van de module. In verschillende bedrijfslijnen kan het worden geconfigureerd om te beslissen of er verbinding wordt gemaakt met de interactieve live-uitzending;
3. De componenten zijn korrelig. In verschillende modules heeft de docentkant toegang tot de chatcomponent en de interactieve component, de microfooncomponent, en de studentkant heeft alleen toegang tot de interactieve lijstcomponent;
4. Het is grotendeels afhankelijk van de functies die zijn geïmplementeerd door de bestaande Yunxin sdk, die in relatief korte tijd aan de vereisten kan voldoen.
Het probleem
1. Het proces van Yingmai is ingewikkelder, omdat het meerdere uiteinden omvat en het debuggen aan elk uiteinde tijdverspilling is. Dit is ook het doel van het ordenen van dit artikel. Na het begrijpen van het proces van elk uiteinde, kan elk uiteinde eerst het einde van het probleem lokaliseren tijdens het debuggen, en vervolgens kan het probleem op een bepaalde link gericht worden gevonden.
2. Omdat het wordt uitgevoerd op basis van de oorspronkelijke iteratie, zijn veel componenten niet ingekapseld in educatieve standaardcomponenten, maar kunnen ze onder het uitgangspunt van duidelijke logica worden geoptimaliseerd in volgende iteraties.
3. Optimaliseer de methode van front-end implementatie.
opsommen
Via dit artikel zullen we de logica van elk uiteinde van de interactieve live-uitzending uitzoeken om de latere toegang tot het begrip van het interactieve live-uitzendingsproces te vergemakkelijken. Voor de klant en docent kun je de implementatie van de interfaces en berichten van de front-end begrijpen. Als het nodig is om in een ander volgend project toegang te krijgen tot de interactieve live-uitzendingsmodule, kan deze snel worden geopend en debuggen, en tegelijkertijd kan het de bestaande problemen die hierboven zijn genoemd verder optimaliseren.
|
Voer een e-mailadres in om een verrassing te ontvangen
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> Albanees
ar.fmuser.org -> Arabisch
hy.fmuser.org -> Armenian
az.fmuser.org -> Azerbeidzjaans
eu.fmuser.org -> Baskisch
be.fmuser.org -> Wit-Russisch
bg.fmuser.org -> Bulgarian
ca.fmuser.org -> Catalaans
zh-CN.fmuser.org -> Chinees (vereenvoudigd)
zh-TW.fmuser.org -> Chinees (traditioneel)
hr.fmuser.org -> Kroatisch
cs.fmuser.org -> Tsjechisch
da.fmuser.org -> Deens
nl.fmuser.org -> Nederlands
et.fmuser.org -> Ests
tl.fmuser.org -> Filipijns
fi.fmuser.org -> Fins
fr.fmuser.org -> Frans
gl.fmuser.org -> Galicisch
ka.fmuser.org -> Georgisch
de.fmuser.org -> Duits
el.fmuser.org -> Greek
ht.fmuser.org -> Haïtiaans Creools
iw.fmuser.org -> Hebreeuws
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hungarian
is.fmuser.org -> IJslands
id.fmuser.org -> Indonesisch
ga.fmuser.org -> Iers
it.fmuser.org -> Italian
ja.fmuser.org -> Japans
ko.fmuser.org -> Koreaans
lv.fmuser.org -> Lets
lt.fmuser.org -> Lithuanian
mk.fmuser.org -> Macedonisch
ms.fmuser.org -> Maleis
mt.fmuser.org -> Maltees
no.fmuser.org -> Norwegian
fa.fmuser.org -> Perzisch
pl.fmuser.org -> Pools
pt.fmuser.org -> Portugees
ro.fmuser.org -> Roemeens
ru.fmuser.org -> Russisch
sr.fmuser.org -> Servisch
sk.fmuser.org -> Slowaaks
sl.fmuser.org -> Slovenian
es.fmuser.org -> Spaans
sw.fmuser.org -> Swahili
sv.fmuser.org -> Zweeds
th.fmuser.org -> Thai
tr.fmuser.org -> Turks
uk.fmuser.org -> Oekraïens
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnamese
cy.fmuser.org -> Welsh
yi.fmuser.org -> Jiddisch
FMUSER Wirless Verzend video en audio eenvoudiger!
Neem contact op
Adres:
No.305 Zaal HuiLan Gebouw No.273 Huanpu Road Guangzhou China 510620
Categorieën
Nieuwsbrief