La transmisión interactiva en vivo involucra el servidor, el cliente del profesor, el cliente del estudiante iOS / Android y el cliente del estudiante Web / Wap. Este artículo se centra en el proceso de interacción de Maimai, el diseño del módulo Maimai en el front-end y el diseño de componentes interactivos y de chat en el front-end. Para la realización de la función de chat de la propia sala de chat, debido a que el acceso al Yunxin IM SDK se realiza principalmente a través del paquete de llamadas Api, no entraré en detalles.
Antes de diseñar el sistema, primero debe considerar las siguientes preguntas:
• Definición de requisitos y división de funciones de cada extremo, cómo interactúa cada extremo
• Acuerdo entre cada extremo
• El cliente pide al micrófono y al profesor que reciban
• Sincronización de información interactiva después de que el cliente ingresa a la sala de transmisión interactiva en vivo
Con las preguntas anteriores, primero clasifiquemos los servicios en los que podemos confiar. Los siguientes servicios proporcionados por NetEase Cloud se muestran en la siguiente figura. Combinado con el diseño de nuestros propios requisitos del sistema, podemos integrar rápidamente las funciones de mensajería instantánea y transmisión interactiva en vivo.
• El servicio de mensajería instantánea de Yunxin proporciona un conjunto completo de capacidades básicas de mensajería instantánea, que pueden integrar rápidamente mensajería instantánea y capacidades de red en tiempo real en las propias aplicaciones de la empresa.
• La función de transmisión en vivo interactiva de Yunxin admite la interacción en tiempo real entre el anfitrión y la audiencia.
Marco conceptual
Nuestras necesidades básicas son principalmente las siguientes tres partes:
1. Los estudiantes ingresan a la sala de chat en el cliente de la aplicación y pueden iniciar una solicitud de trigo;
2. Por parte del profesor, puede aprobar o rechazar la solicitud del alumno;
3. Después de que el maestro acepta la solicitud de un estudiante, el estudiante puede ingresar a la sala de transmisión en vivo para interactuar.
Combine los requisitos y clasifique la siguiente solicitud de micrófono básica, micrófono de conexión y procesos interactivos, como se muestra en la figura siguiente. Los diferentes estilos de flujo de datos representan diferentes acuerdos.
A continuación, se muestran algunos conceptos adicionales:
1. El SDK del cliente Yunxin IM, el cliente envía mensajes P2P al profesor a través de Yunxin IM
2. SDK de transmisión en vivo interactivo del cliente, el cliente se conecta a la transmisión en vivo interactiva
3. Yunxin SDK en el extremo del profesor, acepta mensajes p2p
4. SDK de transmisión en vivo interactiva para el profesor, interactuar con la transmisión en vivo del lado del cliente
5. El SDK de Yunxin IM en la web, envío y recepción de mensajes
6. Personalice el mensaje y la estructura de datos del mensaje enviado por cada extremo.
Diseño e implementación
Implementación Esta sección presenta principalmente la implementación del cliente de profesor y el cliente de estudiante Web / Wap mencionado en la descripción general de la sección anterior. Incluye principalmente las siguientes partes: refinamiento de procesos, módulo de mensajería instantánea del profesor, módulo de terminal web para estudiantes, configuración, ventajas y problemas existentes.
Refinamiento de procesos
Primero, introduzcamos la implementación del final del maestro y hagamos explicaciones complementarias a algunos de los detalles en el orden de los números en la figura siguiente. El lado del profesor tiene dos partes principales, una es nativa, que se llama nativo del profesor en este artículo, y la otra es una página web, que se llama IM del profesor en este artículo. El maestro nativo y el maestro IM se comunican a través de jsbridge y mensajes personalizados.
En primer lugar, clasifique la comunicación jsbridge entre el maestro nativo y el maestro IM de la siguiente manera:
-notificar cambio de cola
-notificar Volumen
-notificarMensajePersonalizado
-comprueba la actualización
-notificar estado en vivo
Combine el diagrama de flujo anterior y luego haga una descripción detallada del proceso:
1. Inicialización del cliente
Cada extremo obtiene una dirección de sala de chat unificada al solicitar al servidor
2. Inicialización del profesor
Después de que se inicializa la mensajería instantánea del maestro, obtiene la dirección de la sala de chat a través de la solicitud del servidor (getPresenterLiveInfo), obtiene el singleton de la sala de chat, informa al maestro que la sala de chat nativa está lista y obtiene los datos interactivos de transmisión en vivo.
3. El proceso de invitar al trigo
• El cliente envía un mensaje p2p al profesor nativo. El maestro nativo usa jsbridge para llamar al aviso de notificación personalizada del maestro, y el maestro de mensajería instantánea actualiza la cola de espera para la solicitud Mai que mantiene.
• El IM del profesor hace clic para aceptar o rechazar, y el nativo del profesor es notificado a través de un mensaje, y el nativo del profesor informa al cliente de la solicitud a través de P2P.
• El cliente usa el SDK de transmisión en vivo interactivo, conecta el micrófono a la sala en vivo y envía un mensaje al maestro nativo a través del SDK de transmisión en vivo interactivo.
• El profesor nativo llama al método notifyQueueChange para actualizar las listas en la mensajería instantánea del profesor.
• Mensajería instantánea del maestro, solicitud asincrónica (informServer) para actualizar las colas de carga y descarga del servidor, enviar mensajes personalizados (im-sdk) y transmitir para notificar a cada cliente.
Módulo de mensajería instantánea para profesores
Combinando el diagrama de flujo y la descripción detallada del proceso anterior, los módulos frontales se diseñan y dividen, como se muestra en la siguiente figura.
Aquí LivePcChat es un componente de chat en Tab, LiveInteractivePresenter es un componente que procesa operaciones interactivas y XXcache es un componente que encapsula las operaciones de capa de datos correspondientes. La instancia del componente, la llamada, la solicitud de datos y el proceso de procesamiento específicos se muestran en el siguiente diagrama de secuencia:
Módulo de estudiante web
Para el terminal de estudiantes Web / Wap, porque el propio terminal de estudiantes Web / Wap aún no ha desarrollado la función de doncella. Aquí, tome la terminal de estudiantes Web como ejemplo para introducir la realización de la terminal de estudiantes Web / Wap en la lista interactiva y la interacción de chat. La sala de chat es parte de sí misma y la sala de chat del profesor terminan reutilizando los componentes del chat, por lo que los módulos también se dividen aquí primero. Puede consultar la división de componentes en el lado del profesor para comparar algunos de los componentes reutilizados por el lado del profesor y el lado del estudiante. La siguiente figura muestra la división del lado del estudiante web.
Se puede ver en la comparación en la tabla a continuación que, además de la lógica de procesamiento relacionada con Yingmai, se pueden reutilizar otras funciones de la mensajería instantánea en el lado del profesor y en el lado del estudiante web.
Configuración
La transmisión en vivo interactiva es una iteración basada en la transmisión en vivo original, por lo que aquí debemos garantizar la capacidad de configuración de la transmisión en vivo interactiva en varias líneas de productos educativos. La configuración mencionada aquí es similar a la configuración de otros módulos y acceso a componentes en el grupo de componentes públicos de educación. También se basa en la base de caché del componente general de educación, que se lee en la configuración cuando se carga la página en vivo o la página única del proyecto (contexto institucional) Configuración, configuración de una tecla.
Análisis de pros y contras
Las ventajas de utilizar este diseño son
1. Todas las solicitudes del servidor se envían a través de la página web, lo que reduce el costo de mantenimiento del maestro;
2. La configurabilidad del módulo. En diferentes líneas de negocio, se puede configurar para decidir si se conecta a la retransmisión interactiva en directo;
3. Los componentes son granulares. En diferentes módulos, el lado del profesor puede acceder al componente de chat y el componente interactivo, el componente de micrófono y el lado del estudiante solo puede acceder al componente de lista interactiva;
4. Se basa en la mayor medida en las funciones implementadas por el sdk de Yunxin existente, que puede cumplir con los requisitos en un tiempo relativamente corto.
El problema
1. El proceso de Yingmai es más complicado, porque involucra múltiples extremos y la depuración en cada extremo es una pérdida de tiempo. Este es también el propósito de la organización de este artículo. Después de comprender el proceso de cada extremo, cada extremo puede localizar primero el final del problema durante la depuración, y luego el problema se puede encontrar en un enlace determinado de manera específica.
2. Debido a que se lleva a cabo sobre la base de la iteración original, muchos componentes no están encapsulados en componentes estándar educativos, pero bajo la premisa de una lógica clara, se pueden optimizar en iteraciones posteriores.
3. Optimice el método de implementación de front-end.
resumir
A través de este artículo, resolveremos la lógica de cada extremo de la transmisión interactiva en vivo para facilitar el acceso posterior a la comprensión del proceso de transmisión interactiva en vivo. Para el cliente y el profesor, puede comprender la implementación de las interfaces y los mensajes proporcionados por el front-end. Si es necesario acceder al módulo de transmisión interactiva en vivo en otro proyecto posterior, se puede acceder y depurar rápidamente, y al mismo tiempo, puede optimizar aún más los problemas existentes planteados anteriormente.
|
|
|
|
¿A qué distancia (largo) de la cubierta del transmisor?
El alcance de transmisión depende de muchos factores. La distancia real se basa en la instalación de la antena de altura, ganancia de antena, utilizando como medio de construcción y otras obstrucciones, la sensibilidad del receptor, la antena del receptor. La instalación de la antena más alta y el uso en el campo, la distancia será mucho más lejos.
Transmisor FM 5W ejemplo, el uso en la ciudad y la ciudad natal:
Tengo un cliente de uso del transmisor FM con antena 5W EE.UU. GP en su ciudad natal, y lo prueba con un coche, es cubrir 10km (6.21mile).
Puedo probar el transmisor de FM con antena GP 5W en mi ciudad natal, que cubren alrededor 2km (1.24mile).
Puedo probar el transmisor de FM con antena 5W médico de cabecera en la ciudad de Guangzhou, que sólo cubren alrededor 300meter (984ft).
A continuación se presentan el intervalo aproximado de diferentes transmisores de FM de potencia. (El rango es de diámetro)
Transmisor FM 0.1W ~ 5W: 100M ~ 1KM
5W ~ 15W FM Ttransmitter: 1KM ~ 3KM
Transmisor FM 15W ~ 80W: 3KM ~ 10KM
Transmisor FM 80W ~ 500W: 10KM ~ 30KM
Transmisor FM 500W ~ 1000W: 30KM ~ 50KM
Transmisor FM 1KW ~ 2KW: 50KM ~ 100KM
Transmisor FM 2KW ~ 5KW: 100KM ~ 150KM
Transmisor FM 5KW ~ 10KW: 150KM ~ 200KM
Cómo ponerse en contacto con nosotros para el transmisor?
Llámame + O 8618078869184
Envía un email [email protected]
1.How hasta dónde quiere cubrir de diámetro?
2.How alta de que la torre?
3.Where eres?
Y vamos a darle más consejo profesional.
Sobre Nosotros
FMUSER.ORG es una empresa de integración de sistemas que se enfoca en la transmisión inalámbrica de RF / equipos de audio / video de estudio / transmisión y procesamiento de datos. Ofrecemos todo tipo de asesoría, desde consultoría hasta la integración en rack, instalación, puesta en marcha y capacitación.
Ofrecemos transmisor de FM, transmisor de TV analógica, transmisor de TV digital, transmisor UHF VHF, antenas, conectores de cable coaxial, STL, procesamiento en el aire, productos de difusión para el estudio, monitoreo de señal RF, codificadores RDS, procesadores de audio y unidades de control de sitio remoto. Productos de IPTV, codificador / decodificador de video / audio, diseñados para satisfacer las necesidades de las grandes redes de transmisión internacionales y las pequeñas estaciones privadas.
Nuestra solución tiene estación de radio FM / estación de TV analógica / estación de TV digital / equipo de estudio de audio y video / enlace de transmisor de estudio / sistema de telemetría de transmisor / sistema de TV de hotel / transmisión en vivo de IPTV / transmisión en vivo de transmisión / videoconferencia / sistema de transmisión de CATV.
Estamos utilizando productos de tecnología avanzada para todos los sistemas, porque sabemos que la alta confiabilidad y el alto rendimiento son tan importantes para el sistema y la solución. Al mismo tiempo, también tenemos que asegurarnos de que nuestro sistema de productos tenga un precio muy razonable.
Tenemos clientes de emisoras públicas y comerciales, operadores de telecomunicaciones y autoridades de regulación, y también ofrecemos soluciones y productos a cientos de emisoras más pequeñas, locales y comunitarias.
FMUSER.ORG lleva más de 15 años exportando y tiene clientes en todo el mundo. Con 13 años de experiencia en este campo, contamos con un equipo profesional para resolver todo tipo de problemas del cliente. Nos dedicamos a ofrecer precios extremadamente razonables de productos y servicios profesionales. Email de contacto : [email protected]
Nuestra fábrica
Tenemos modernización de la fábrica. Que son bienvenidos a visitar nuestra fábrica cuando se llega a China.
En la actualidad, ya hay clientes 1095 en todo el mundo visitaron nuestra oficina Guangzhou Tianhe. Si usted viene a China, que son bienvenidos a visitarnos.
en la Feria
Esta es nuestra participación en 2012 Global Sources Hong Kong Electronics Fair . Los clientes de todo el mundo finalmente tener la oportunidad de reunirse.
¿Dónde está Fmuser?
Puede buscar estos números " 23.127460034623816,113.33224654197693 "en el mapa de Google, entonces puede encontrar nuestra oficina fmuser.
FMUSER oficina de Guangzhou se encuentra en el distrito de Tianhe, que es el centro del Cantón . Muy cerca En el correo electrónico “Su Cuenta de Usuario en su Nuevo Sistema XNUMXCX”. Feria de Cantón , Estación de tren de Guangzhou, Xiaobei carretera y Dashatou , solo necesito 10 minutos si toma TAXI . Bienvenidos amigos de todo el mundo a visitar y negociar.
Contacto: Blue Sky
Celular: + 8618078869184
WhatsApp: + 8618078869184
WeChat: + 8618078869184
E-mail: [email protected]
QQ: 727926717
Skype: sky198710021
Dirección: Sala de No.305 Huilan Edificio No.273 Huanpu carretera Guangzhou, China Código Postal: 510620
|
|
|
|
Inglés: Aceptamos todos los pagos, como PayPal, tarjeta de crédito, Western Union, Alipay, Money Bookers, T / T, LC, DP, DA, OA, Payoneer, si tiene alguna pregunta, comuníquese conmigo [email protected] o WhatsApp + 8618078869184
-
PayPal.  www.paypal.com
Recomendamos que utilice PayPal para comprar nuestros artículos, el PayPal es una forma segura para comprar en Internet.
Cada página de nuestra lista de elementos de fondo en la parte superior tienen un logotipo de PayPal para pagar.
Tarjeta de crédito.Si usted no tiene PayPal, pero usted tiene tarjeta de crédito, también puede hacer clic en el botón amarillo de PayPal para pagar con su tarjeta de crédito.
-------------------------------------------------- -------------------
Pero si usted no tiene una tarjeta de crédito y no tener una cuenta de PayPal o difícil consiguió un accout PayPal, puede utilizar lo siguiente:
Western Union.  www.westernunion.com
Pagar por Western Union a mí:
Nombre / Nombre: Yingfeng
Apellido / Apellido / Nombre familiar: Zhang
Nombre completo: Yingfeng Zhang
País: China
Ciudad: Guangzhou
|
-------------------------------------------------- -------------------
T / T. Pagado por T / T (transferencia bancaria / transferencia telegráfica / transferencia bancaria)
Primera INFORMACIÓN BANCARIA (CUENTA DE LA EMPRESA):
SWIFT BIC: BKCHHKHHXXX
Nombre del banco: BANK OF CHINA (HONG KONG) LIMITED, HONG KONG
Dirección del banco: BANK OF CHINA TOWER, 1 GARDEN ROAD, CENTRAL, HONG KONG
CÓDIGO BANCO: 012
Nombre de cuenta: FMUSER INTERNATIONAL GROUP LIMITED
Cuenta NO. : 012-676-2-007855-0
-------------------------------------------------- -------------------
Segunda INFORMACIÓN BANCARIA (CUENTA DE LA EMPRESA):
Beneficiario: Fmuser International Group Inc
Número de cuenta: 44050158090900000337
Banco del beneficiario: China Construction Bank Guangdong Branch
Código SWIFT: PCBCCNBJGDX
Dirección: NO.553 Tianhe Road, Guangzhou, Guangdong, Tianhe District, China
** Nota: Cuando transfiera dinero a nuestra cuenta bancaria, NO escriba nada en el área de comentarios; de lo contrario, no podremos recibir el pago debido a la política gubernamental sobre comercio internacional.
|
|
|
|
* Este documento se enviará en 1 2-días de trabajo cuando el pago claro.
* Enviaremos a su dirección de PayPal. Si usted quiere cambiar la dirección, por favor, envíe su dirección correcta y número de teléfono a mi correo electrónico [email protected]
* Si los paquetes se encuentra por debajo 2kg, nos enviarán a través de correo aéreo, tardará aproximadamente 15-25days a la mano.
Si el paquete es más que 2kg, enviaremos a través de EMS, DHL, UPS, Fedex entrega rápida expresa, tomará alrededor de 7 ~ 15days a su lado.
Si el paquete de más de 100kg, vamos a enviar por DHL o el flete aéreo. Se llevará a cerca 3 ~ 7days a su lado.
Todos los paquetes son la forma china de Guangzhou.
* El paquete se enviará como "regalo" y se eliminará lo menos posible, el comprador no tiene que pagar "IMPUESTOS".
* Después de la nave, le enviaremos un correo electrónico y le dará el número de seguimiento.
|
|
|
Para garantía.
Contáctenos --- >> Devuélvanos el artículo --- >> Reciba y envíe otro reemplazo.
Nombre: Liu xiaoxia
Dirección: 305Fang HuiLanGe HuangPuDaDaoXi 273Hao TianHeQu Guangzhou, China.
Postal: 510620
Teléfono: + 8618078869184
Por favor, devuelva a esta dirección y escribir su PayPal, nombre, dirección problema en la nota: |
|
