Video en vivo HTML5

Se puede ver que, desde la PC al móvil, cada vez hay más aplicaciones de transmisión en vivo en línea, y la transmisión móvil ha entrado en una etapa de explosión sin precedentes. Sin embargo, para la mayoría de las transmisiones móviles en vivo, todavía lo implementan principalmente clientes nativos, pero HTML5 también juega un papel insustituible en el extremo de la transmisión en vivo móvil, como HTML5 Con las ventajas de una transmisión rápida y fácil de lanzar, HTML5 también puede reproducir en vivo video cuando es el más importante.

La transmisión en vivo completa se puede dividir en lo siguiente:
(1) Terminal de grabación de video: en términos generales, es un dispositivo de entrada de audio y video de computadora o una cámara o micrófono en el terminal móvil. Actualmente, el video del teléfono móvil es la parte principal.
(2) Reproductor de video: puede ser un reproductor en la computadora, un reproductor nativo en el lado del teléfono móvil y una etiqueta de video de HTML5. En la actualidad, sigue siendo el principal reproductor nativo del teléfono móvil.
(3) Servidor de video: generalmente, es un servidor nginx, que se utiliza para aceptar la fuente de video proporcionada por el lado de grabación de video y proporcionar el servicio de transmisión hasta el final de la reproducción de video.

2, grabación de video HTML5:
Para la grabación de video HTML5, el poderoso webrtc (comunicación WEB en tiempo real) es una tecnología que admite conversaciones de voz o video en tiempo real en el navegador web. La desventaja es que solo se admite mejor en PC Chrome y el lado móvil no es ideal.
El proceso básico de grabación de video con webrtc es:
Llame a window.navigator.webkitGetUserMedia (obtenga los datos de video de la cámara de la PC del usuario).
Convierta los datos adquiridos en flujo de video a window.webkitRTCPeerConnection (un formato de datos de flujo de video).
Uso de websocket para transferir datos de transmisión de video al servidor
Debido a que muchos métodos deben tener un prefijo con el navegador, muchos navegadores móviles no son compatibles con webrtc, por lo que el cliente (IOS, Android) aún implementa la grabación de video real y el efecto será mejor.

3, transmisión de video en vivo HTML5:
Para la reproducción de video, puede usar el protocolo HLS (transmisión en vivo HTTP) para reproducir transmisión en vivo. Tanto IOS como Android son compatibles con este protocolo de forma natural. Es simple de configurar y usar etiquetas de video directamente.
Aquí hay un código simple para reproducir video en vivo usando video:
(1) que es el protocolo HLS:
En resumen, todo el flujo se divide en pequeños archivos, que se descargan en base a HTTP. Solo algunos se descargan a la vez. El archivo mencionado anteriormente de .M3u8 introducido en la transmisión de video en vivo HTML5 se basa en el protocolo HLS, que almacena los metadatos del flujo de video.
Cada archivo .M3u8 corresponde a varios archivos TS, que son los datos para el almacenamiento de video real. El archivo m3u8 solo almacena la información de configuración y las rutas relacionadas de algunos archivos TS. Cuando se reproduce el video, el archivo .M3u8 cambia dinámicamente. La etiqueta de video analizará el archivo y buscará el archivo TS correspondiente para reproducir. Entonces, para acelerar la velocidad, el archivo .M3u8 se utilizará para analizar el archivo y encontrar el archivo TS correspondiente para su reproducción. Por lo tanto, para acelerar la velocidad, se utilizará el archivo .M3u8 para analizar el archivo y encontrar el archivo TS correspondiente para su reproducción. Por lo tanto, para acelerar, colóquelo en el servidor web y el archivo TS en la CDN.
El archivo .M3u8 es en realidad un archivo M3U codificado con UTF-8. Este archivo no se puede reproducir por sí mismo, solo el archivo de texto que contiene la información de reproducción.

(2) Proceso de solicitud de HLS:
La URL de la solicitud HTTP m3u8.
El servidor devuelve una lista de reproducción de m3u8, que se actualiza en tiempo real. Generalmente, la URL de 5 segmentos de datos se proporciona a la vez.
El cliente analiza la lista de reproducción de m3u8 y luego solicita la URL de cada segmento para obtener el flujo de datos de TS.

(3) Retraso de la transmisión en vivo de HLS:
Sabemos que el protocolo HLS divide la transmisión en vivo en un pequeño segmento de video para descargar y reproducir. Entonces, suponga que la lista contiene 5 archivos TS, cada archivo TS contiene 5 segundos de contenido de video, luego la demora general es de 25 segundos. Porque cuando ve estos videos, el anfitrión grabó el video y lo subió, por lo que el retraso es causado por esto. Por supuesto, la longitud de la lista y el tamaño de un solo archivo TS se pueden acortar para reducir el retraso. En el extremo, la longitud de la lista se puede reducir a 1 y la duración de TS es 1 s. Sin embargo, esto aumentará el número de solicitudes y aumentará la presión del servidor. Cuando la velocidad de la red es lenta, se generará más búfer. Por lo tanto, el tiempo de TS recomendado por Apple oficialmente es de 10 segundos, por lo que cambiará en gran medida el retraso de 30 segundos. Entonces, el servidor recibe la transmisión, la transcodifica, guarda, corta el bloque y luego lo distribuye al cliente. Aquí está la causa principal del retraso.
Si tiene más preguntas sobre retrasos, consulte la dirección oficial de Apple:
https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/FrequentlyAskedQuestions/FrequentlyAskedQuestions.html

Sin embargo, el video en vivo HTML5 tiene algunas ventajas insustituibles:
① Buena comunicación, fácil de compartir y otras operaciones.
② Se puede lanzar de forma dinámica, lo que favorece la iteración en tiempo real de los requisitos del producto y un lanzamiento rápido.
③ Sin instalar la aplicación, abra el navegador directamente.

4 collection IOS recopilación (grabación) de datos de audio y video OS
Para la adquisición y grabación de audio y video, primero, se aclaran los siguientes conceptos:
（1） Codificación de video: la codificación de video se refiere a la forma en que un archivo en un formato de video se convierte en otro archivo de formato de video a través de una tecnología de compresión específica. El video grabado por el iPhone que usamos debe codificarse, cargarse y decodificarse antes de que pueda reproducirse en el reproductor del lado del usuario.
（2） Estándar de códec: los estándares de códec más importantes en la transmisión de secuencias de video incluyen H.261, H.263 y H.264 de ITU, en los que el protocolo HLS admite la codificación de formato H.264.
（3） Codificación de audio: similar a la codificación de video, el flujo de audio original se codifica, carga, decodifica de acuerdo con ciertos estándares y se reproduce en el reproductor. Por supuesto, el audio también tiene muchos estándares de codificación, como el código PCM, el código wma, el código AAC, etc. El método de codificación de audio compatible con nuestro protocolo HLS es el código AAC.

La adquisición de datos de video y audio se divide principalmente en los siguientes pasos:

（1） la adquisición de datos de video y audio usando la cámara en IOS
（2） En IOS, el flujo de datos de audio y video original se puede recopilar mediante avcapturesession y avcapturedevice.
（3） El video está codificado con h264 y el audio está codificado AAC. En IOS, ya existen bibliotecas de codificación empaquetadas para realizar la codificación de audio y video.
（4） Los datos de audio y video después de la codificación se ensamblan y sellan;
（5） Establezca la conexión RTMP y empújela hacia el servidor.

El siguiente es el proceso específico de recopilación de datos de audio y video:
(1) acerca de RTMP:
El protocolo de mensajería en tiempo real (RTMP) es un conjunto de protocolos de video en vivo desarrollado por Macromedia y ahora pertenece a adobe. Al igual que con HLS, se puede utilizar para la transmisión de video. La diferencia es que RTMP no se puede reproducir en el navegador IOS basado en flash, pero es mejor en tiempo real que HLS. Por lo tanto, este protocolo se usa generalmente para cargar secuencias de video, es decir, la transmisión de video se envía al servidor.

(2) flujo de empuje
El llamado streaming se refiere al envío de los datos de audio y video que hemos codificado al servidor de transmisión de video. En el código IOS, la transmisión RTMP se usa comúnmente. Librtmp IOS, una biblioteca de terceros, se puede utilizar para la transmisión. Librtmp encapsula algunas API principales para que los usuarios las llamen. Por ejemplo, envíe la API y así sucesivamente, configure la dirección del servidor y luego envíe la transmisión de video de transcodificación al servidor.
Entonces, ¿cómo construir un servidor de transmisión?
Se construye un servidor de transmisión simple. Dado que la transmisión de video que cargamos se basa en el protocolo RTMP, el servidor debe admitir RTMP. Puede tomar los siguientes pasos:
（1） Instale un servidor nginx.
（2） La extensión RTMP de nginx está instalada. Configurar el archivo conf para nginx
（3） Reinicie nginx y escriba la dirección de transmisión de RTMP como rtmp: // ip: 1935 / hls / mystream, donde HLS_ Path representa la dirección de los archivos generados.M3u8 y TS, HLS_ Fragment representa la longitud del segmento y mystream representa una instancia. El nombre del archivo que se generará se puede establecer por sí mismo.

5 、 Interacción del usuario en transmisión en vivo:
Para la interacción del usuario en la transmisión en vivo, se puede dividir a grandes rasgos en:
dando regalos.
Comentar o jugar
Para la entrega de obsequios, DOM y CSS3 se pueden utilizar para realizar la lógica del envío de obsequios y algunas animaciones especiales de obsequio en HTML5. Las dificultades técnicas no son muy grandes.
Para que un bombardeo sea un poco más complejo, es posible que deba prestar atención a lo siguiente:
El rendimiento en tiempo real del proyectil se puede enviar y recibir en tiempo real por webscock y renderizar.
Para los navegadores que no son compatibles con websocket, solo se pueden degradar a un sondeo largo o solicitudes de envío de temporizador de front-end para obtener una ventana emergente en tiempo real.
Detección de animación y colisión (es decir, sin superposición) y así sucesivamente en el renderizado

¿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: