Vimuse - HTML5 Media Player

Wordpress plugin version available here

Vimuse HTML5 Media Player is a jQuery plugin that allows you to play both audio and video in a modern and sleek interface. You can choose to play your own self-hosted audio/video files or videos from Youtube/Vimeo/Dailymotion or even Shoutcast/Icecast streams. The player features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The player is also optimized for retina and touch screens and provides the feel of a native app.

Vimuse plays audio/video using HTML5 in supported browsers and fallbacks to Flash in older browsers. You can pass only a mp4 file for video and mp3 file for audio or pass all the necessary formats for the widest possible support of native HTML5 playback. Whatever you choose to do the player will work in both modern and old browsers (with suitable fallbacks where necessary).

The key features are:

  • Play video and audio files.
  • HTML5 playback with Flash/Silverlight fallback.
  • Show subtitles for videos (only for video files).
  • Show postroll content for videos (only for video files).
  • Playlist data is passed through JSON.
  • Special layout for audio-only mode.
  • Play videos from Youtube, Vimeo and Dailymotion.
  • Pull videos from Youtube user, playlist or search query.
  • Pull videos from Vimeo user, album or channel.
  • Pull videos from Dailymotion user, group, playlist or channel.
  • Play Shoutcast/Icecast streams and show track info and cover-art.
  • Extract audio info from ID3 tags – cover, track, artist, album.
  • Build playlist by scanning folder for mp3 files.
  • Several layout options.
  • Player API functions and events.
  • Mobile, retina and touch screen optimized
  • The player features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width.
  • Two colour schemes – Dark and Light.

Configurable options are:

  • Playlist can either comprise of both audio and video or can only contain audio with a corresponding special layout for the main player area.
  • Option to have autoplay of media.
  • Can set the volume during initialization (or change later with player API).
  • Option to turn on playlist shuffle when the player loads.
  • Option to set the starting language for subtitles.
  • Option to show/hide the playlist when the player loads.
  • Choose to have auto-progression of playlist as each media finishes playing.
  • Option to show links to external pages in the playlist.
  • Can choose to open the external page links in new windows/tabs.
  • Option to show links for purchase pages of items in the playlist.
  • Can choose to open the purchase page links in new windows/tabs.
  • Option to show download links to media files.
  • Option to provide lyrics for audio items whose download links are shown in the playlist.
  • Option to show file-type icons (audio, video, radio) in the playlist.
  • Can choose to show delete buttons in the playlist.
  • Option to show item durations in the playlist.
  • Can make the playlist sortable.
  • Can choose to stop playback when the tab/window in which the player is embedded loses focus. This feature only works in browsers that support the HTML5 Page Visibility API.
  • The playlist can be at the bottom, left or right of the main player.
  • If the playlist position is set to “bottom” then option to set a max-height for it or just let it have auto-height.
  • Option to show thumbnails for the media in the playlist.
  • 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.
  • Option to show cover-art when audio-only mode is chosen.
  • Option to show track details in audio-only mode.
  • Can choose to show the auxiliary control-bar beneath the main player.
  • Option to fix the main player at the top when scrolling the playlist. This option is only effective when the “bottom” playlist position is chosen.
  • Can specify the url to the json file containing the playlist details.
  • Option to extract information from mp3 id3 tags, such as cover-art, track, album, artist, duration. You can also of course provide all this information yourself, in which case this option should be disabled.
  • Option to pull cover-art for the currently playing track in a Shoutcast/Icecast stream.
  • Can set the polling interval during which the track information for a Shoutcast/Icecast stream will be refreshed.
  • A playlist caching option is provided. This is very useful when pulling videos from Youtube/Vimeo or extracting ID3 info or scanning folders for mp3’s, because the entire generated playlist is stored in the cache thus resulting in substantially faster loading of the player. Can also mention the interval after which the cache will be refreshed.
  • Option to build playlist by scanning a folder for mp3 files.
  • Option to detect mobile devices, so that they can be served special low resolution videos. The details for these low resolution videos have to be mentioned in the playlist json.
  • Can specify the source from which Youtube videos will be pulled (user, playlist or search query). Option to also specify the number of videos that are to be pulled.
  • Can specify the source from which Vimeo videos will be pulled (user, album or channel). Option to also specify the number of videos that are to be pulled.
  • Can specify the source from which Dailymotion videos will be pulled (user, group, playlist or channel). Option to also specify the number of videos that are to be pulled.

Special Notes

  • Autoplay option will not work in mobile devices. This is disabled by device manufactures.
  • Only mp3 streams for Shoutcast and Icecast are supported. aacp streams are not supported
  • Player volume setting will not show up or work in Android devices. You have to control the volume through the device’s own volume buttons.
  • Some API functions will not work for Vimeo and Dailymotion videos.
  • Also some of the modern HTML5 features such as Fullscreen and Page Visibility will only work in modern browsers.
  • The player script has been tested and is fully compatible with jQuery 1.9+. and also jquery 2.0+.
  • If you have any query regarding any feature of the player before purchasing then please post your query in the comments section and I will get back to you as soon as possible.

Updated on 18 December, 2014 – version 3.0

  • Show original titles of Youtube/Vimeo/Dailymotion videos when user does not supply any custom titles.
  • Added the “timeupdate” event.
  • Added the method of getting current play-time in player api.
  • Added option to download lyrics as text file.
  • Added option to show external page links in playlist that can optionally open in new tabs/windows.
  • Added option to show links to purchase pages for playlist items. These links can optionally open in new tabs/windows.
  • Play Icecast mp3 streams and get track info.

Updated on 6 September, 2014 – version 2.0.1

  • Fixed the loading of Youtube user videos feed.
  • Fixed the loading of Youtube feeds in IE8.
  • Fixed a bug in the “Shuffle” playlist feature.

Updated on 26 August, 2014 – version 2.0

  • Added the option showing postroll content after a video file finishes playing.
  • Added the option of showing subtitles for video files.
  • Added support for displaying Dailymotion videos, including pulling videos from feeds.
  • Fixed a bug that prevented passing of data through ajax when a large number of items were in the playlist.
  • Various other small bug fixes.

Updated on 17 August, 2014 – version 1.0.3

  • Fixed the loading of Youtube playlist feed.
  • Fixed some issues with the player fullscreen button in iPad.
  • Other small tweaks and fixes.

Updated on 30 June, 2014 – version 1.0.2

  • Fixed a problem of videos not changing when clicking/tapping on the playlist for a Youtube feed in an Android device.

Updated on 8 June 2014 – version 1.0.1

  • Fixed a responsive resizing issue for the audio-only mode.
  • Fixed the occurrence of an error when there were multiple player instances in the same page.

More Items by CosmoCoder

Nova Gallery - Responsive HTML5 Multimedia Gallery

CCGallery - HTML5 Multimedia Gallery

CCSlider - jQuery 3d Slideshow Plugin
by
by
by
by
by
by