FMUSER Wirless Transmit Video and Audio Máis fácil!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikaans
sq.fmuser.org -> Albanés
ar.fmuser.org -> árabe
hy.fmuser.org -> Armenian
az.fmuser.org -> azerí
eu.fmuser.org -> éuscaro
be.fmuser.org -> bielorruso
bg.fmuser.org -> Búlgaro
ca.fmuser.org -> catalán
zh-CN.fmuser.org -> chinés (simplificado)
zh-TW.fmuser.org -> Chinés (tradicional)
hr.fmuser.org -> croata
cs.fmuser.org -> Checo
da.fmuser.org -> danés
nl.fmuser.org -> Holandés
et.fmuser.org -> estoniano
tl.fmuser.org -> filipino
fi.fmuser.org -> finés
fr.fmuser.org -> Francés
gl.fmuser.org -> galego
ka.fmuser.org -> xeorxiano
de.fmuser.org -> alemán
el.fmuser.org -> Grego
ht.fmuser.org -> crioulo haitiano
iw.fmuser.org -> Hebreo
hi.fmuser.org -> hindi
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandés
id.fmuser.org -> indonesio
ga.fmuser.org -> irlandés
it.fmuser.org -> Italiano
ja.fmuser.org -> xaponés
ko.fmuser.org -> coreano
lv.fmuser.org -> letón
lt.fmuser.org -> Lituano
mk.fmuser.org -> macedonio
ms.fmuser.org -> malaio
mt.fmuser.org -> maltés
no.fmuser.org -> Norwegian
fa.fmuser.org -> persa
pl.fmuser.org -> polaco
pt.fmuser.org -> Portugués
ro.fmuser.org -> Romanés
ru.fmuser.org -> ruso
sr.fmuser.org -> serbio
sk.fmuser.org -> Eslovaco
sl.fmuser.org -> Esloveno
es.fmuser.org -> castelán
sw.fmuser.org -> Suahili
sv.fmuser.org -> Sueco
th.fmuser.org -> Thai
tr.fmuser.org -> turco
uk.fmuser.org -> ucraíno
ur.fmuser.org -> urdú
vi.fmuser.org -> Vietnamita
cy.fmuser.org -> galés
yi.fmuser.org -> Yiddish
A transmisión en directo interactiva implica o servidor, cliente profesor, cliente estudante iOS / Android e cliente estudante Web / Wap. Este artigo céntrase no proceso de interacción de Maimai, no deseño do módulo Maimai no front-end e no deseño de compoñentes interactivos e de chat no front-end. Para a realización da función de chat da propia sala de chat, porque o acceso ao SDK de Yunxin IM realízase principalmente a través do paquete de chamadas Api, non entrarei en detalles.
Antes de deseñar o sistema, primeiro ten que ter en conta as seguintes preguntas:
• Definición dos requisitos e división da función de cada extremo, como interactúan cada extremo
• Acordo entre cada extremo
• O cliente pídelle ao micrófono e ao profesor que o reciba
• Sincronización de información interactiva despois de que o cliente entre na sala de transmisión interactiva en directo
Coas preguntas anteriores, ordenemos primeiro os servizos nos que podemos confiar. Na seguinte figura móstranse os seguintes servizos proporcionados por NetEase Cloud. Combinado co deseño dos nosos propios requisitos de sistema, podemos integrar rapidamente as funcións de mensaxería instantánea e transmisión en directo interactiva.
• O servizo de mensaxería instantánea Yunxin ofrece un conxunto completo de capacidades básicas de mensaxería instantánea que poden integrar rapidamente a mensaxería instantánea e as capacidades de rede en tempo real nas propias aplicacións da empresa.
• A función de transmisión en directo interactiva de Yunxin admite a interacción en tempo real entre o servidor e o público.
Cadro
As nosas necesidades básicas son principalmente as seguintes tres partes:
1. Os estudantes entran na sala de chat do cliente da aplicación e poden iniciar unha solicitude de trigo;
2. Pola parte do profesor, pode aprobar ou rexeitar a solicitude do alumno;
3. Despois de que o profesor acepte a solicitude dun alumno, o alumno pode entrar na sala de transmisión en directo para interactuar.
Combina os requisitos e ordena a seguinte solicitude básica de micrófono, micrófono de conexión e procesos interactivos, como se mostra na seguinte figura. Os diferentes estilos de fluxo de datos representan acordos diferentes.
Aquí tes algúns conceptos adicionais:
1. O SDK do cliente Yunxin IM, o cliente envía mensaxes P2P ao profesor a través de Yunxin IM
2. SDK de transmisión en directo interactiva do cliente, o cliente conéctase a transmisión en directo interactiva
3. Yunxin SDK no extremo do profesor, acepta mensaxes p2p
4. SDK de transmisión en directo interactivo ao final do profesor, interactúa coa transmisión en directo do lado do cliente
5. O SDK de Yunxin IM na web, enviando e recibindo mensaxes
6. Personaliza a mensaxe e a estrutura de datos da mensaxe enviada por cada extremo
Deseño e implementación
Implementación Esta sección introduce principalmente a implementación do cliente docente e do cliente estudante Web / Wap mencionado na visión xeral da sección anterior. Inclúe principalmente as seguintes partes: perfeccionamento do proceso, módulo de mensaxería instantánea do profesor, módulo de terminal de estudantes web, configuración, vantaxes e problemas existentes.
Perfeccionamento do proceso
En primeiro lugar, imos presentar a implementación do final do profesor e fagamos explicacións complementarias a algúns detalles na orde dos números da figura seguinte. O lado do profesor ten dúas partes principais, unha é nativa, que neste artigo se chama nativa para o profesor, e a outra é unha páxina web, que neste artigo se chama profesor IM. O profesor nativo e o profesor de mensaxes instantáneas comunícanse mediante mensaxes jsbridge e personalizadas.
Primeiro de todo, ordene a comunicación jsbridge entre o profesor nativo e o profesor de mensaxes instantáneas do seguinte xeito:
-notificarQueueChange
-notificar o volume
-notificarCustomMsg
-consulta Actualizar
-notifyLiveStatus
Combina o diagrama de fluxo anterior e logo faga unha descrición detallada do proceso:
1. Inicialización do cliente
Cada extremo obtén un enderezo de sala de chat unificado solicitando ao servidor
2. Inicialización do profesorado
Despois de inicializar a mensaxería instantánea do profesor, obtén a dirección da sala de chat a través da solicitude do servidor (getPresenterLiveInfo), obtén o singleton da sala de chat, informa ao profesor que a sala de chat nativa está lista e obtén os datos interactivos de transmisión en directo.
3. O proceso de invitación ao trigo
• O cliente envía unha mensaxe p2p ao nativo do profesor. O nativo do profesor usa jsbridge para chamar ao notificationCustomMsg da mensaxería instantánea do profesor e o profesor de mensaxes instantáneas actualiza a cola de espera da solicitude Mai que mantén.
• A mensaxería instantánea do profesor fai clic para aceptar ou rexeitar e o nativo do profesor recibe unha notificación mediante unha mensaxe e o nativo do profesor informa ao cliente da solicitude a través de P2P.
• O cliente usa o SDK de transmisión en directo interactivo, conecta o micrófono á sala en directo e envía unha mensaxe ao nativo do profesor a través do SDK de transmisión en directo interactivo.
• O profesor nativo chama ao método notificationQueueChange para actualizar as listas na mensaxe instantánea do profesor
• Profesorado de mensaxes instantáneas, solicite asíncronamente (informServer) que actualice as colas de carga e descarga do servidor, envíe mensaxes personalizadas (im-sdk) e transmita para notificar a cada cliente.
Módulo IM de profesor
Combinando o diagrama de fluxo e a descrición detallada do proceso anterior, os módulos front-end están deseñados e divididos, como se mostra na seguinte figura.
Aquí LivePcChat é un compoñente de chat en Tab, LiveInteractivePresenter é un compoñente que procesa operacións interactivas e XXcache é un compoñente que encapsula as correspondentes operacións de capa de datos. A instancia específica do compoñente, a chamada, a solicitude de datos e o proceso de procesamento son os que se amosan no diagrama de secuencia seguinte:
Módulo de estudante web
Para o terminal de estudantes Web / Wap, porque o propio terminal de estudantes Web / Wap aínda non desenvolveu a función de doncela. Aquí, tome o terminal de estudantes web como exemplo para introducir a realización do terminal de estudantes Web / Wap na lista interactiva e na interacción de chat. A parte da sala de chat e a sala de chat do profesor rematan a reutilizar compoñentes de chat, polo que os módulos tamén se dividen aquí primeiro. Podes consultar a división de compoñentes do lado do profesor para comparar algúns dos compoñentes reutilizados polo lado do profesor e o lado do alumno. A seguinte figura mostra a división do lado do estudante web.
Pola comparación da táboa seguinte pódese ver que, ademais da lóxica de procesamento relacionada con Yingmai, pódense reutilizar outras funcións da mensaxería instantánea no lado do profesor e do lado do estudante web.
configuración
A transmisión en directo interactiva é unha iteración baseada na transmisión en directo orixinal, polo que aquí debemos garantir a configurabilidade da transmisión en directo interactiva en varias liñas de produtos educativos. A configuración mencionada aquí é semellante á configuración doutros módulos e acceso a compoñentes no grupo de compoñentes públicos de educación. Tamén depende do compoñente xeral de educación base de caché, que se le na configuración cando se carga a páxina en directo ou a páxina única do proxecto (fondo institucional) Configuración, configuración dunha clave.
Análise de pros e contras
As vantaxes de usar este deseño son
1. Todas as solicitudes do servidor envíanse a través da páxina web, reducindo o custo de mantemento do profesor;
2. A configurabilidade do módulo. En diferentes liñas de negocio, pódese configurar para decidir se se conecta á transmisión en directo interactiva;
3. Os compoñentes son granulares. En diferentes módulos, o lado do profesor pode acceder ao compoñente de chat e o compoñente interactivo, o compoñente do micrófono e o lado do estudante só pode acceder ao compoñente da lista interactiva;
4. Depende na maior medida das funcións implementadas pola Yunxin sdk existente, que pode cumprir os requisitos nun tempo relativamente curto.
O problema
1. O proceso de Yingmai é máis complicado, porque implica múltiples fins e a depuración en cada extremo é unha perda de tempo. Este é tamén o propósito de organizar este artigo. Despois de comprender o proceso de cada extremo, cada extremo pode primeiro localizar o final do problema durante a depuración e, despois, o problema pódese atopar nunha ligazón determinada de forma específica.
2. Debido a que se realiza sobre a base da iteración orixinal, moitos compoñentes non están encapsulados en compoñentes estándar educativos, pero baixo a premisa dunha lóxica clara, pódense optimizar en posteriores iteracións.
3. Optimizar o método de implementación frontal.
resumir
A través deste artigo, resolveremos a lóxica de cada extremo da transmisión en directo interactiva para facilitar o acceso posterior á comprensión do proceso de transmisión en directo interactivo. Para o cliente e o profesor, podes comprender a implementación das interfaces e mensaxes proporcionadas pola interface. Se é necesario acceder ao módulo de transmisión en directo interactivo noutro proxecto posterior, pódese acceder e depurar rapidamente e, ao mesmo tempo, pode optimizar aínda máis os problemas existentes plantexados anteriormente.
|
Introduce o correo electrónico para obter unha sorpresa
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> afrikaans
sq.fmuser.org -> Albanés
ar.fmuser.org -> árabe
hy.fmuser.org -> Armenian
az.fmuser.org -> azerí
eu.fmuser.org -> éuscaro
be.fmuser.org -> bielorruso
bg.fmuser.org -> Búlgaro
ca.fmuser.org -> catalán
zh-CN.fmuser.org -> chinés (simplificado)
zh-TW.fmuser.org -> Chinés (tradicional)
hr.fmuser.org -> croata
cs.fmuser.org -> Checo
da.fmuser.org -> danés
nl.fmuser.org -> Holandés
et.fmuser.org -> estoniano
tl.fmuser.org -> filipino
fi.fmuser.org -> finés
fr.fmuser.org -> Francés
gl.fmuser.org -> galego
ka.fmuser.org -> xeorxiano
de.fmuser.org -> alemán
el.fmuser.org -> Grego
ht.fmuser.org -> crioulo haitiano
iw.fmuser.org -> Hebreo
hi.fmuser.org -> hindi
hu.fmuser.org -> Hungarian
is.fmuser.org -> islandés
id.fmuser.org -> indonesio
ga.fmuser.org -> irlandés
it.fmuser.org -> Italiano
ja.fmuser.org -> xaponés
ko.fmuser.org -> coreano
lv.fmuser.org -> letón
lt.fmuser.org -> Lituano
mk.fmuser.org -> macedonio
ms.fmuser.org -> malaio
mt.fmuser.org -> maltés
no.fmuser.org -> Norwegian
fa.fmuser.org -> persa
pl.fmuser.org -> polaco
pt.fmuser.org -> Portugués
ro.fmuser.org -> Romanés
ru.fmuser.org -> ruso
sr.fmuser.org -> serbio
sk.fmuser.org -> Eslovaco
sl.fmuser.org -> Esloveno
es.fmuser.org -> castelán
sw.fmuser.org -> Suahili
sv.fmuser.org -> Sueco
th.fmuser.org -> Thai
tr.fmuser.org -> turco
uk.fmuser.org -> ucraíno
ur.fmuser.org -> urdú
vi.fmuser.org -> Vietnamita
cy.fmuser.org -> galés
yi.fmuser.org -> Yiddish
FMUSER Wirless Transmit Video and Audio Máis fácil!
contacto
dirección:
No.305 Sala HuiLan Building No.273 Huanpu Road Guangzhou China 510620
categorías
boletín informativo