react-music-player
media-chrome
Our great sponsors
react-music-player | media-chrome | |
---|---|---|
4 | 7 | |
664 | 1,025 | |
- | 5.0% | |
0.0 | 9.3 | |
about 1 year ago | 5 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-music-player
-
How do I get the lyrics button to work?
Navidrome uses this web player component and unfortunately it only supports synced lyrics (those with timestamps, karaoke-style) so for now unsynced lyrics can't be displayed in the web player.
-
Does Navidrome support per-song volume setting, like iTunes?
Volume normalization (Replaygain) is currently not supported in the web player that Navidrome uses: https://github.com/lijinke666/react-music-player/issues/299
-
Self hosted embedded audio player
You can have a look at /r/Navidrome, it uses this HTML5 music player for the WebUI, you might be able to reuse the HTML/JS code for your website.
-
Any Windows or web clients with gapless playback?
I don't know of any web or windows client that supports it. It is in my backlog to contribute to the upstream Music Player project, so Navidrome's Web UI would support it.
media-chrome
- Web components for custom video players
-
Video Player Recommendations
You might wanna check out - it's a newer open-source video player library built using web components: https://github.com/muxinc/media-chrome
- Media Chrome - Fully customizable media player controls using web components (native custom elements). Compatible with any javascript framework (React, Angular, Svelte, etc.)
- Show HN: Media-Chrome, a suite of web components to customize media controls
What are some alternatives?
Navidrome Music Server - ๐งโ๏ธ Modern Music Server and Streamer compatible with Subsonic/Airsonic
react-native-vlc-media-player - React native media player for video streaming and playing. Supports RTSP, RTMP and other protocols supported by VLC player
Airsonic - :satellite: :cloud: :notes:Airsonic, a Free and Open Source community driven media server (fork of Subsonic and Libresonic)
dart_vlc - Flutter bindings to libVLC.
waveform-playlist - Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations. Export your mix to AudioBuffer or WAV! Add effects from Tone.js. Project inspired by Audacity.
lyrics-fetcher.el - Fetch song lyrics and album covers. Integrates with EMMS
react-player - A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
Spotify-Genius-Lyrics-userscript - Userscript, shows lyrics from genius.com on Spotify web
vue-plyr - A Vue component for the plyr (https://github.com/sampotts/plyr) video & audio player.
tidal-lyrics - Get the lyrics of what you're listening on Tidal
x-ui - Moved https://github.com/nent/nent