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.
Installation:
- Check Node.js version compatibility.
- Set up the mmPlayer backend API service for local development.
- Utilize the NetEase Cloud Music NodeJS API.
- Ensure proper backend API service integration for online deployment.
- Consider using services like Vercel for a smoother deployment process.
- Update environment variables like VUE_APP_BASE_API_URL for deployment.
- Build the project locally using
npm run build
. - Upload the generated
dist
files to the website server directory.
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.