Applemusic Like Lyrics
A lyric player component library aims to look similar to iPad version of Apple Music. Also with DOM, React and Vue bindings. 一个基于 Web 技术制作的类 Apple Music 歌词显示组件库，同时支持 DOM 原生、React 和 Vue 绑定。
Overview
Apple Music-like Lyrics is a web-based component library that allows for the display of lyrics in a similar style to Apple Music. It supports DOM native, React, and Vue bindings, as well as plugin support for the NCM plugin loader. The library is compatible with various platforms and an external player is also in development. The project was previously a plugin for NCM plugin loaders BetterNCM/MRBNCM/MMBNCM, and it aims to create a playback page that closely resembles Apple Music's iPad interface.
Features
- DOM native, React, and Vue bindings for displaying lyrics
- Plugin support for the NCM plugin loader
- Compatibility with various platforms
- External player in development
- TTML Tool for editing TTML format lyrics
- TTML Database for storing TTML lyrics
- High-performance capabilities
- Open to pull requests for contributions
Summary
Apple Music-like Lyrics is a powerful web-based component library that enables the display of lyrics in a similar style to Apple Music. It offers support for various platforms and bindings for DOM native, React, and Vue. With its plugin support for the NCM plugin loader, it allows for enhanced functionality and compatibility. The library also provides additional tools for editing and storing TTML format lyrics. Overall, Apple Music-like Lyrics is a versatile and performant solution for incorporating Apple Music-style lyric displays into web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.