Vimuse – HTML5 Media Player

Vimuse HTML5 Media Participant is a jQuery plugin that lets you play each audio and video in a contemporary and smooth interface. You’ll be able to select to play your personal self-hosted audio/video information or movies from Youtube/Vimeo/Dailymotion and even Shoutcast/Icecast streams. The participant incorporates a fluid responsive design and may slot in any display screen measurement starting from cellphones to desktop browsers. The participant can be optimized for retina and contact screens and offers the texture of a local app.

Vimuse performs audio/video utilizing HTML5 in supported browsers and fallbacks to Flash in older browsers. You’ll be able to move solely a mp4 file for video and mp3 file for audio or move all the required codecs for the widest attainable assist of native HTML5 playback. No matter you select to do the participant will work in each fashionable and previous browsers (with appropriate fallbacks the place obligatory).

The important thing options are:

Play video and audio information.
HTML5 playback with Flash/Silverlight fallback.
Present subtitles for movies (just for video information).
Present postroll content material for movies (just for video information).
Playlist knowledge is handed by JSON or a javascript object.
Particular structure for audio-only mode.
Play movies from Youtube, Vimeo and Dailymotion.
Pull movies from Youtube person, playlist or search question.
Pull movies from Vimeo person, album or channel.
Pull movies from Dailymotion person, group, playlist or channel.
Play Shoutcast/Icecast streams and present monitor information and cover-art.
Extract audio information from ID3 tags – cowl, monitor, artist, album.
Construct playlist by scanning folder for mp3 information or mp4 information.
A number of structure choices.
Participant API capabilities and occasions.
Cellular, retina and contact display screen optimized
The participant incorporates a fluid responsive design to account for varied screens sizes starting from cellphones to desktop browsers and will also be positioned in a container of any width.
Two color schemes – Darkish and Mild.

Configurable choices are:

Playlist can both comprise of each audio and video or can solely comprise audio with a corresponding particular structure for the principle participant space.
Choice to have autoplay of media.
Possibility to start out autoplay solely when the person manually begins playback after the participant masses.
Can set the quantity throughout initialization (or change later with participant API).
Choice to activate playlist shuffle when the participant masses.
Choice to set the beginning language for subtitles.
Possibility to indicate/disguise the playlist when the participant masses.
Select to have auto-progression of playlist as every media finishes enjoying.
Possibility to indicate hyperlinks to exterior pages within the playlist.
Can select to open the exterior web page hyperlinks in new home windows/tabs.
Possibility to indicate hyperlinks for buy pages of things within the playlist.
Can select to open the acquisition web page hyperlinks in new home windows/tabs.
Possibility to indicate obtain hyperlinks to media information.
Possibility to offer lyrics for audio objects whose obtain hyperlinks are proven within the playlist.
Possibility to indicate file-type icons (audio, video, radio) within the playlist.
Can select to indicate delete buttons within the playlist.
Possibility to indicate merchandise durations within the playlist.
Could make the playlist sortable.
Can select to cease playback when the tab/window during which the participant is embedded loses focus. This function solely works in browsers that assist the HTML5 Web page Visibility API.
The playlist could be on the backside, left or proper of the principle participant.
If the playlist place is ready to “backside” then choice to set a max-height for it or simply let it have auto-height.
Possibility to indicate thumbnails for the media within the playlist.
Can select to indicate audio merchandise particulars, akin to cover-art, monitor, artist, album, in the principle participant space when “audio-only” mode is chosen.
Possibility to indicate cover-art when audio-only mode is chosen.
Possibility to indicate monitor particulars in audio-only mode.
Can select to indicate the auxiliary control-bar beneath the principle participant.
Possibility to repair the principle participant on the prime when scrolling the playlist. This selection is barely efficient when the “backside” playlist place is chosen.
Can specify the url to the json file containing the playlist particulars.
Can move a javascript object containing the playlist particulars.
Choice to extract data from mp3 id3 tags, akin to cover-art, monitor, album, artist, length. You too can after all present all this data your self, during which case this feature must be disabled.
Possibility to drag cover-art for the at present enjoying monitor in a Shoutcast/Icecast stream.
Can set the polling interval throughout which the monitor data for a Shoutcast/Icecast stream will probably be refreshed.
A playlist caching choice is supplied. That is very helpful when pulling movies from Youtube/Vimeo or extracting ID3 information or scanning folders for mp3’s, as a result of your entire generated playlist is saved within the cache thus leading to considerably sooner loading of the participant. May also point out the interval after which the cache will probably be refreshed.
Choice to construct playlist by scanning a folder for mp3 information.
Choice to construct playlist by scanning a folder for mp4 information (and different video codecs).
Choice to detect cellular units, in order that they are often served particular low decision movies. The small print for these low decision movies should be talked about within the playlist json.
Can specify the supply from which Youtube movies will probably be pulled (person, playlist or search question). Choice to additionally specify the variety of movies which can be to be pulled.
Can specify the supply from which Vimeo movies will probably be pulled (person, album or channel). Choice to additionally specify the variety of movies which can be to be pulled.
Can specify the supply from which Dailymotion movies will probably be pulled (person, group, playlist or channel). Choice to additionally specify the variety of movies which can be to be pulled.

Particular Notes

Autoplay choice won’t work in cellular units. That is disabled by gadget manufactures.
Solely mp3 streams for Shoutcast and Icecast are supported. aacp streams will not be supported
Participant quantity setting won’t present up or work in Android units. It’s a must to management the quantity by the gadget’s personal quantity buttons.
Some API capabilities won’t work for Vimeo and Dailymotion movies.
Additionally a number of the fashionable HTML5 options akin to Fullscreen and Web page Visibility will solely work in fashionable browsers.
The participant makes use of Youtube API v3 for which you will have to get an API key from Youtube.
The participant script has been examined and is totally suitable with jQuery 1.9+, jQuery 2.0+ and in addition jQuery 3.0+.
In case you have any question concerning any function of the participant earlier than buying then please publish your question within the feedback part and I’ll get again to you as quickly as attainable.

Evaluations

Changelog

Model 4.1.7 (22 February 2021)

• Fastened a difficulty with parsing the response from the Vimeo API

Model 4.1.6 (3 October 2019)

• Fastened subject in Firefox the place previous media merchandise stored enjoying within the background when altering to a brand new merchandise within the playlist

Model 4.1.5 (27 November 2017)

• Fastened a difficulty with auto-progressing of playlist objects when playlist is constructed with Vimeo/Dailymotion feeds.

Model 4.1.4 (18 April 2017)

• Fastened the difficulty of audio information not enjoying in Chrome.
• Fastened a difficulty with Youtube fullscreen mode.

Model 4.1.3 (25 August 2016)

• Fastened a difficulty with the playlist development of Youtube movies in cellular units.
• Medialelement.js XSS repair.

Model 4.1.2 (21 February, 2016)

•  Fastened a difficulty with autoplay not working for Youtube movies.

Model 4.1.1 (18 February, 2016)

• Fastened an issue with the playback of Flash Youtube movies in Firefox.

Model 4.1 (31 December, 2015)

• Added choice to indicate/disguise the participant overlay containing the title of the present merchandise.
• Added choice to reverse the playlist objects' order.
• Fastened a video resizing subject after the video exited from fullscreen.
• Eliminated min-width restriction of the participant container.
• Modified the repair for stopping radio stream caching.
• Improved the inner administration of the playlist object.
• Improved the occasion identify spacing.

Model 4.0.1 (24 December, 2015)

• Improved the scrolling behaviour of playlist when choosing new objects. 
• Fastened the place of the overlay play button for movies in fullscreen mode.
• For Youtube movies in Android the native controls at the moment are used for correct fullscreen performance.

Model 4.0 (26 November, 2015)

• Added participant occasion destroy api methodology.
• Added choice to initialize participant by passing javascript object as an alternative of json.
• Added choice to construct playlist by scanning a folder of movies.
• Added choice to append new objects to playlist. Additionally added a brand new "onItemsAppended" occasion.
• Added choice to insert Dailymotion syndication key in embeds.
• Fastened small video measurement bug in Flash mode for IE and Edge.
• Loop button could be clicked as soon as to repeat playlist, twice to repeat present monitor, and on clicking the third time looping is once more deactivated.
• Fastened a bug with loading of audio cowl artwork in Safari.
• Some UX/UI tweaks.

Model 3.2.1 (27 April, 2015)

• Fastened a bug concerning the displaying of obtain hyperlinks for media information within the playlist when caching was enabled.

Model 3.2 (14 April, 2015)

• The plugin now makes use of Youtube API v3.
• Fastened a bug which in a selected case prevented the primary playlist merchandise from being performed when clicked

Model 3.1 (15 January, 2015)

• Added the choice to start out autoplay solely when the person manually begins enjoying after the participant will get loaded.
• Prevented caching of radio stream in browser when paused.
• Fastened management bar points with minimal audio participant (no cowl artwork and monitor information).
• Fastened responsive resizing of movies when performed with Flash fallback.
• Fastened loading of Icecast monitor information in IE.

Model 3.0 (18 December, 2014)

• Present authentic titles of Youtube/Vimeo/Dailymotion movies when person doesn't provide any customized titles.
• Added the "timeupdate" occasion.
• Added the tactic of getting present play-time in participant api.
• Added choice to obtain lyrics as textual content file.
• Added choice to indicate exterior web page hyperlinks in playlist that may optionally open in new tabs/home windows.
• Added choice to indicate hyperlinks to buy pages for playlist objects. These hyperlinks can optionally open in new tabs/home windows.
• Play Icecast mp3 streams and get monitor information.

Model 2.0.1 (6 September, 2014)

• Fastened the loading of Youtube person movies feed.
• Fastened the loading of Youtube feeds in IE8.
• Fastened a bug within the "Shuffle" playlist function.

Model 2.0 (26 August, 2014)

• Added the choice displaying postroll content material after a video file finishes enjoying.
• Added the choice of displaying subtitles for video information.
• Added assist for displaying Dailymotion movies, together with pulling movies from feeds.
• Fastened a bug that prevented passing of knowledge by ajax when numerous objects have been within the playlist.
• Varied different small bug fixes.

Model 1.0.3 (17 August, 2014)

• Fastened the loading of Youtube playlist feed.
• Fastened some points with the participant fullscreen button in iPad.
• Different small tweaks and fixes.

Model 1.0.2 (30 June, 2014)

• Fastened an issue of movies not altering when clicking/tapping on the playlist for a Youtube feed in an Android gadget.

Model 1.0.1 (8 June, 2014)

• Fastened a responsive resizing subject for the audio-only mode.
• Fastened the incidence of an error when there have been a number of participant cases in the identical web page.