Vimuse – HTML5 Media Player

Here is an example of a complete settings configuration for Vimuse - HTML5 Media Player:

Auto Play

autoplay: true

Volume

volume: 0.5

Playlist

playlist: [
  {
    "id": "video1",
    "type": "video",
    "src": "path/to/video1.mp4",
    "poster": "path/to/poster1.jpg",
    "title": "Video 1",
    "description": "Description of video 1"
  },
  {
    "id": "audio1",
    "type": "audio",
    "src": "path/to/audio1.mp3",
    "title": "Audio 1",
    "description": "Description of audio 1"
  }
]

Display

display: {
  "controls": true,
  "volume": true,
  "playbackRate": true,
  "currentTime": true,
  "remainingTime": true,
  "seekbar": true,
  "progressBar": true,
  "buffering": true,
  "autohide": true
}

Error Handling

errorhandling: {
  "404": "error404.html",
  "500": "error500.html"
}

Cookie Policy

cookiePolicy: {
  "required": true,
  "text": "This website uses cookies to improve your experience. By using this website, you consent to our use of cookies."
}

Accessibility

accessibility: {
  "ariaLabelledBy": true,
  "ariaDescribedBy": true,
  "ariaLive": true,
  "screenReader": true
}

Here are the key features and configurable options of Vimuse HTML5 Media Player:

Key Features:

1. Play video and audio files
2. HTML5 playback with Flash/Silverlight fallback
3. Show subtitles for videos
4. Show postroll content for videos
5. Playlist data is passed through JSON or a JavaScript object
6. Special layout for audio-only mode
7. Play videos from YouTube, Vimeo, and Dailymotion
8. Pull videos from YouTube user, playlist, or search query
9. Pull videos from Vimeo user, album, or channel
10. Pull videos from Dailymotion user, group, playlist, or channel
11. Play Shoutcast/Icecast streams and show track info and cover-art
12. Extract audio info from ID3 tags (cover, track, artist, album)
13. Build playlist by scanning folder for MP3 files or MP4 files
14. Several layout options
15. Player API functions and events
16. Mobile, retina, and touch screen optimized
17. Fluid responsive design to account for various screen sizes
18. Two color schemes (Dark and Light)

Configurable Options:

1. Playlist can either comprise of both audio and video or can only contain audio with a corresponding special layout for the main player area
2. Option to have autoplay of media
3. Option to start autoplay only when the user manually starts playback after the player loads
4. Can set the volume during initialization (or change later with player API)
5. Option to turn on playlist shuffle when the player loads
6. Option to set the starting language for subtitles
7. Option to show/hide the playlist when the player loads
8. Choose to have auto-progression of playlist as each media finishes playing
9. Option to show links to external pages in the playlist
10. Can choose to open the external page links in new windows/tabs
11. Option to show links for purchase pages of items in the playlist
12. Can choose to open the purchase page links in new windows/tabs
13. Option to show download links to media files
14. Option to provide lyrics for audio items whose download links are shown in the playlist
15. Option to show file-type icons (audio, video, radio) in the playlist
16. Can choose to show delete buttons in the playlist
17. Option to show item durations in the playlist
18. Can make the playlist sortable
19. Can choose to stop playback when the tab/window in which the player is embedded loses focus
20. The playlist can be at the bottom, left, or right of the main player
21. If the playlist position is set to "bottom", then option to set a max-height for it or just let it have auto-height
22. Option to show thumbnails for the media in the playlist
23. Can choose to show audio item details, such as cover-art, track, artist, album, in the main player area when "audio-only" mode is chosen
24. Option to show cover-art when audio-only mode is chosen
25. Option to show track details in audio-only mode
26. Can choose to show the auxiliary control-bar beneath the main player
27. Option to fix the main player at the top when scrolling the playlist
28. Can specify the URL to the JSON file containing the playlist details
29. Can pass a JavaScript object containing the playlist details
30. Option to extract information from MP3 ID3 tags, such as cover-art, track, album, artist, duration
31. Option to pull cover-art for the currently playing track in a Shoutcast/Icecast stream
32. Can set the polling interval during which the track information for a Shoutcast/Icecast stream will be refreshed
33. A playlist caching option is provided
34. Option to build playlist by scanning a folder for MP3 files
35. Option to build playlist by scanning a folder for MP4 files (and other video formats)
36. Option to detect mobile devices, so that they can be served special low-resolution videos
37. Can specify the source from which YouTube videos will be pulled (user, playlist, or search query)
38. Can specify the source from which Vimeo videos will be pulled (user, album, or channel)
39. Can specify the source from which Dailymotion videos will be pulled (user, group, playlist, or channel)

Special Notes:

1. Autoplay option will not work in mobile devices (disabled by device manufacturers)
2. Only MP3 streams for Shoutcast and Icecast are supported (aacp streams are not supported)
3. Player volume setting will not show up or work in Android devices (must control volume through device's own volume buttons)
4. Some API functions will not work for Vimeo and Dailymotion videos
5. Also, some of the modern HTML5 features such as Fullscreen and Page Visibility will only work in modern browsers
6. The player uses YouTube API v3 (requires an API key from YouTube)
7. The player script has been tested and is fully compatible with jQuery 1.9+, jQuery 2.0+, and also jQuery 3.0+

Reviews:

[Insert review images]

Changelog:

[List of version updates with brief descriptions]

More Items by CosmoCoder:

[List of other products by CosmoCoder, including Nova Gallery, CCGallery, and CCSlider]