maomao1996maomao1996
2694

Vue MmPlayer

screenshot of Vue MmPlayer
vue
less

基于 Vue 的在线音乐播放器 Online music player

GithubDemo

Overview:

mmPlayer is an online music player developed by Mao Mao. It offers features such as music search, playback, lyrics display, playback history, viewing song comments, and syncing playlists from NetEase Cloud Music. The player imitates the interface of the QQ music web version and uses flexbox and position layout. While responsive, mmPlayer primarily focuses on PC usage, with mobile adaptation as well. It is compatible with mainstream browsers and does not support Internet Explorer. The player is open-source, allowing users to freely modify, use, and distribute it while preserving the source information.

Features:

  • Music search: Easily search for and find music tracks.
  • Playback: Play music seamlessly within the player.
  • Lyrics display: View synchronized lyrics while listening to music.
  • Playback history: Access a list of previously played tracks.
  • View song comments: Read and engage with comments on songs.
  • NetEase Cloud user playlist sync: Synchronize and play playlists from NetEase Cloud.
  • Responsive design: While primarily for PC, it adapts to different screen sizes.
  • Browser compatibility: Compatible with major browsers, excluding Internet Explorer.

Summary:

mmPlayer is a versatile online music player that offers a range of functionalities for music enthusiasts. With features like music search, playback, lyrics display, and more, users can enjoy a seamless music experience. The player's compatibility with major browsers and responsive design enhances its accessibility. While primarily designed for desktop usage, the player also provides adaptability for mobile devices. By following the installation guide and utilizing services like Vercel for deployment, users can easily set up and enjoy the features of mmPlayer.

vue
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.

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.