Media Players

The Widget Framework currently supports three players for audio/video playback: JW Player, Flowplayer and MediaElement.js. The players can be used as follows:

JW Player for audio, video and live streams
Flowplayer for video only
MediaElement.js for audio only

Audio/video playback using any of these players is supported by:

Media widget: Can be used to play audio, video and live streams using the embedded player on content item pages.
Teaser widget: Can be used to play audio, video and live streams in several modes (embedded, pop-up and so on) on both content item pages and section pages.
Teaser view: Can be used to play audio, video and live streams in several modes (embedded, pop-up and so on) on both content item pages and section pages.

Most of the media player configuration parameters are set in a configuration layer object called FrontEndConfig. This is a special configuration layer object that is able to expose its properties both in publications' application configuration layers and also in the browser, where they can be accessed using Javascript. For more information about this, see Expose Properties to JavaScript.

Not that whichever media player you use, video playback will not work unless you have added a MediaInfoServlet servlet declaration to your publication's web.xml file. See Enabling Video Playback for details.

Player selection

You specify the player you want to use by Adding the following properties to a properties file in the common configuration layer. Open configuration-root/com/escenic/framework/frontend/FrontEndConfig.properties (or create if it does not exist) and add the following properties:

property.videoPlayer=video-player
property.audioPlayer=audio-player

where:

video-player: Is set to either jwplayer or flowplayer. The default value is flowplayer.
audio-player: Is set to either jwplayer or mediaelement. The default value is mediaelement.