ThePlayer Music&Radio Player Pure Javascript

Here is an example of how to configure ThePlayer Music&Radio Player Pure Javascript:

Playlist

const player = new Player({
  playlist: [
    {
      title: "Song 1",
      artist: "Artist 1",
      audio: "https://example.com/song1.mp3"
    },
    {
      title: "Song 2",
      artist: "Artist 2",
      audio: "https://example.com/song2.mp3"
    }
  ]
});

Autoplay

const player = new Player({
  autoplay: true
});

Loop

const player = new Player({
  loop: true
});

Volume

const player = new Player({
  volume: 0.5
});

Playlist Shuffle

const player = new Player({
  shuffle: true
});

Playlist Repeat

const player = new Player({
  repeat: true
});

Show/Hide Controls

const player = new Player({
  controls: true
});

Show/Hide Playlist

const player = new Player({
  playlist: true
});

Show/Hide Playlist Title

const player = new Player({
  playlistTitle: true
});

Show/Hide Playlist Artist

const player = new Player({
  playlistArtist: true
});

Show/Hide Playlist Duration

const player = new Player({
  playlistDuration: true
});

Show/Hide Playlist Progress

const player = new Player({
  playlistProgress: true
});

Custom Playlist Button

const player = new Player({
  playlistButton: "Custom Playlist Button"
});

Custom Play Button

const player = new Player({
  playButton: "Custom Play Button"
});

Custom Pause Button

const player = new Player({
  pauseButton: "Custom Pause Button"
});

Custom Next Button

const player = new Player({
  nextButton: "Custom Next Button"
});

Custom Previous Button

const player = new Player({
  previousButton: "Custom Previous Button"
});

Custom Volume Button

const player = new Player({
  volumeButton: "Custom Volume Button"
});

Custom Mute Button

const player = new Player({
  muteButton: "Custom Mute Button"
});

Custom Unmute Button

const player = new Player({
  unmuteButton: "Custom Unmute Button"
});

Here are the features of ThePlayer Music&Radio Player Pure Javascript:

1. Let users listen, mix and repeat audio files with a great interface: ThePlayer allows users to listen, mix, and repeat audio files with a user-friendly interface.
2. Radio Support: ThePlayer can play internet radio sources, and seeking can be used in the played parts.
3. Multi-lingual: ThePlayer is designed to support multiple languages, and users can add new languages by translating existing ones.
4. Preference Remembering: ThePlayer remembers volume and playing modes (repeat, shuffle), and can continue playing from where it left off without the need for a server.
5. API Support: ThePlayer provides an API for accessing its functions, such as changing the track, pausing and playing, skipping to previous or next, and adding new ones.
6. Window Title Management: ThePlayer allows users to project track information into the window title area, and can preserve the original title.
7. Compact Mode: ThePlayer has a compact mode that hides the cover photo and track information for a simpler interface.
8. Reactive Layout: ThePlayer has a dynamic and responsive layout, baked with Svelte.
9. Programmable Events: ThePlayer allows users to register event listener methods for well-designed events.
10. Theme Support: ThePlayer supports multiple layouts and themes, and users can use the same or different themes for each track.
11. Realtime Sound Visualizer: ThePlayer has a real-time sound visualizer feature, which is planned but not yet implemented.
12. Predefined Subtitles (Multilingual): ThePlayer plans to support predefined subtitles in multiple languages.
13. Podcast Support: ThePlayer plans to support podcast files with defined beginnings and endings, and add those points as tracks to the playlist.
14. Fullscreen Cinematic Mode: ThePlayer plans to have a fullscreen cinematic mode with visualizer, album art, subtitles, etc.
15. New Skins and Themes: ThePlayer plans to add new skins and themes.
16. Changeable Play Speed: ThePlayer plans to allow users to change the play speed.
17. Ability to Set Language Translations: ThePlayer plans to allow users to set language translations during initialization, without the need to compile.
18. Mute and Unmute Button: ThePlayer plans to add a mute and unmute button, which can be toggled by clicking the speaker icon (optional).

Note: The planned features are not yet implemented, and the actual release may include more or fewer features.