Skip to content

Latest commit

 

History

History
76 lines (53 loc) · 2.18 KB

README.md

File metadata and controls

76 lines (53 loc) · 2.18 KB

🎵 Modern Serverless Music Web Player - Neko Player

Demo Screenshot

A serverless music web player with album covers and random background, built using React.

DemoFeaturesInstallationUsageLicense

Demo

You can check out the live demo of the music web player here.

🌟 If you find this project useful or interesting, please consider giving it a star on GitHub! Your support is greatly appreciated! 🌟

Features

  • 🎧 Play music tracks directly in the web browser
  • 📀 Random background for each refresh
  • 🎵 Shuffle and repeat functionality
  • ⏯️ Play, pause, and skip tracks
  • 🔍 Search for specific songs or artists
  • 📝 Display track information such as title, artist, and album
  • 🔊 Volume control
  • 🎶 Progress bar for tracking the current playback position
  • 📁 Support for multiple playlists
  • 🎉 Responsive design for optimal viewing on different devices

Installation

  1. Create an empty React Native project:

    npx create-react-app neko-player
  2. Navigate to the project directory:

    cd neko-player
  3. Clone the repository:

    git clone https://github.com/Zackiss/NekoPlayer.git
  4. Copy the repository, paste and cover the new React app you have just built.

  5. It is no need to download any dependencies other than that, the project is managed to implement with pure React Native

Usage

  1. Start the development server:

    npm start
  2. Open your web browser and visit http://localhost:3000 to access the music web player.

  3. Customize the player by modifying the code in the src directory to fit your specific needs.

  4. Add and delete the music by modifying track.js if needed. (You can grab the content of audioSrc from OneDrive music embeddings)

License

This project is licensed under the MIT License.