Inglés / Chino simplificado
Advertencia
¡El archivo Léame en inglés todavía está en construcción!
Una biblioteca de componentes de reproductor de letras pretende parecerse a la versión para iPad de Apple Music. También con enlaces DOM, React y Vue. ¡También hay un reproductor local basado en ella!
Esta es quizás la página de letras estilo iPad Apple Music más parecida a la que hayas visto en la interfaz.
Aunque el objetivo de este proyecto no es imitarlo por completo, sí pulirá algunos detalles para ser mejores que los mejores líricos actuales.
—— Proyectos de la serie AMLL ——
AMLL TTML DB - Base de datos de letras de sílabas TTML / Herramienta AMLL TTML - Editor de letras de sílabas TTML
: Biblioteca de componentes principales de AMLL, escrita en forma nativa DOM, que proporciona componentes de visualización de letras y componentes de fondo dinámicos y fluidos.
: Enlace AMLL React, que proporciona componentes de visualización de letras y componentes dinámicos de fondo fluido en forma de componentes de React
: Enlace AMLL Vue, que proporciona componentes de visualización de letras y componentes dinámicos de fondo fluido en forma de componentes Vue
: Módulo de análisis de letras AMLL, que proporciona soporte de análisis y serialización para LyRiC, YRC, QRC, Lyricify Syllable y varios formatos de letras.
Reproductor AMLL: el reproductor externo AMLL proporciona un reproductor de letras externo independiente y se comunica con cualquier programa AMLL que implemente el protocolo a través del protocolo único WebSocket para mostrar letras.
Herramienta AMLL TTML: el editor AMLL TTML proporciona soporte de edición para letras en formato TTML y utiliza AMLL Core para una vista previa en tiempo real.
Base de datos AMLL TTML: la base de datos AMLL TTML proporciona un almacén de almacenamiento de letras TTML para que varios reproductores de letras puedan usar letras TTML palabra por palabra producidas por la comunidad.
El requisito mínimo para este marco de componentes es utilizar los siguientes navegadores o versiones más recientes:
Cromo/Borde 91+
Firefox 100+
Safari 9.1+
Para representar completamente todos los efectos del componente, debe utilizar los siguientes navegadores o versiones más recientes:
Cromo 120+
Firefox 100+
Safari 15.4+
Enlaces de referencia:
https://caniuse.com/mdn-css_properties_mask-image
https://caniuse.com/mdn-css_properties_mix-blend-mode_plus-lighter
Después de las pruebas de rendimiento, los procesadores de CPU convencionales dentro de cinco años pueden ejecutar el componente de letras normalmente a 30 FPS. Sin embargo, si necesita 60 FPS para funcionar sin problemas, asegúrese de que la frecuencia de la CPU sea de al menos 3,0 Ghz o superior. Si necesita un funcionamiento fluido por encima de 144 FPS, asegúrese de que la frecuencia de la CPU sea de al menos 4,2 Ghz o superior.
El rendimiento de la GPU es capaz de ejecutarse a 60 fotogramas completos en las dimensiones esperadas en las siguientes condiciones:
1080p (1920x1080)
: NVIDIA GTX Serie 10 y superior
2160p (3840x2160)
: NVIDIA RTX 2070 y superior
Debido a la energía limitada del autor, ya no puede lidiar con los problemas causados por el uso de todos, por lo que la sección de Problemas se cerró, ¡pero cualquier solicitud de extracción que haya contribuido activamente al código es bienvenida!
Después de instalar yarn
, rustc
y wasm-pack
, clone el repositorio en cualquier carpeta e ingrese el siguiente comando en la terminal para compilar:
hilo Yarn Lerna Run Build:dev --scope "@applemusic-like-lyrics/*" # Desarrollo de compilación Yarn Lerna Run Build --scope "@applemusic-like-lyrics/*" # Lanzamiento de compilación
woshizja/procesador-de-sonido
También hay muchos marcos y bibliotecas utilizados por AMLL, ¡muchas gracias!
Gracias a la serie de herramientas de desarrollo JetBrains por brindar un sólido soporte al proyecto AMLL