Un reproductor de video JS simple y fácil de usar, que resuelve a la perfección las necesidades de reproducción de videos en terminales móviles que me he encontrado, Amway te lo da todo.
Acerca de Tiny Player
Tiny Player es una biblioteca JS de reproductor de video minimalista con funciones de video duras y blandas integradas, admite estilos de control nativos y estilos de control personalizados, y realiza todas las funciones de reproducción de video en un tamaño compacto.
Características técnicas del reproductor de vídeo Tiny Player JS
- Buena compatibilidad: no hay otras dependencias, se puede usar cualquier marco y navegador, soporte para uso móvil
- Soporte multiformato, soporte de reproducción de transmisión: no solo es compatible con mp4, webm, ogg y otros formatos de video comunes, sino que también es compatible con m3u8, admite cambio automático
- Barra de control conectable: admita la barra de control personalizada, monte la barra de control en el nodo de destino, admita los componentes de la barra de control personalizados para mostrar y ocultar.
- Admite la reproducción de videoclips especificados: reproduzca especificando clips ingresando parámetros, similar a recortar
- Peso ligero: solo 25 KB de tamaño, solo 7 KB después de la compresión gzip
- solución de software "wip": admite soluciones de software de audio y video, admite decodificadores personalizados y resuelve problemas de compatibilidad con varios navegadores (en desarrollo)
Desarrollar experiencia práctica
Para realizar la función de reproducción de video en el desarrollo web , si usa un reproductor de video nativo, la compatibilidad a menudo no es buena y el estilo de control de video es relativamente básico y no es fácil de usar. reproductor de video para usar. También recomendé el reproductor de sandía xgplayer.js antes , aunque es fácil de usar, pero está inflado, y el Tiny Player recomendado hoy es muy pequeño.
Podemos instalarlo de tres formas:
Luego usa en tu proyecto:
El desarrollo tradicional también puede introducir etiquetas directamente y luego inicializar:
El archivo tiny-player.min.js se puede obtener descargando el proyecto Github. Como puede ver en las pocas líneas de código de ejemplo anteriores, es muy fácil de usar.
TinyPlayer es compatible con MSE (Media Source Extensions), que es una especificación de HTML5 que permite que nuestro JavaScript controle el búfer del flujo de medios para que se pueda reproducir sin problemas.
Actualmente también es compatible con HLS (HTTP Live Streaming), que es la tecnología adaptativa de tasa de bits dinámica de Apple. Se utiliza principalmente para servicios de audio y video de PC y terminales Apple. Incluye un archivo de índice en formato m3u (8), que graba un archivo de texto sin formato de índice. Cuando lo abre, el software de reproducción no lo reproduce, pero encuentra la dirección de red del archivo de audio y video correspondiente de acuerdo con su índice para reproducción en línea. Reproducir videos de esta manera es muy común.
Se puede leer más uso de parámetros en la documentación, y el sitio web oficial también proporciona suficientes ejemplos de código, que es muy simple de integrar en el proyecto. Sin embargo, según mi experiencia, se estima que el sitio web oficial está colgado en Github, y el acceso no es muy estable, y en ocasiones requiere soporte de herramientas para abrirlo.
Instrucciones gratuitas de código abierto
TinyPlayer es un proyecto de reproductor de video JavaScript gratuito y de código abierto. El código fuente está alojado en Github, y cualquiera puede descargarlo y usarlo de forma gratuita. Sin embargo, la página principal del almacén de Github no indica claramente la adopción del código abierto del MIT . licencia , que solo se puede ver en el pie de página del sitio web oficial. En resumen, puede usarlo con confianza.
Enlace original: https://www.thosefree.com/tiny-player-js