Introduction
There is a choice of using either HTML5 or Flow Player to show the audio or video previews. Both cannot be active at the same time!
There are three parts to the media setup. The first section is setting up the HTML5 media options and the second section deals with Flow Player options. The third section is the ID3 File information.
General
Please note that most browsers have the capability of downloading the audio or video file selected for playing. jDownloads cannot control that situation. So if your media files require payment in order to download them, then it is most important that each Download has a preview version.
Also ensure that opion 'Protect your Download-directory?' in Options - Security tab is set to No.
HTML5 supported file types
Audio: mp3, wav and oga.
Flowplayer supported file types
Audio: mp3.
Accessing Media Player Options
HTML5 setup
The default setting for option 'Use HTML5 Elements' is Yes.
If this option is set to No then the other four options are no longer visible. If using Flowplayer then you must set the option to No.
With Option 'View Videos in Details Layout Only' set to No then videos will be available in both Downloads and Download Detail layouts.
Also of course placeholder {preview _player} must be in the active layout.
The last option sets the width of the Audio player window.

A typical audio with play, and volume controls is like the image opposite.

However when the video is running the control bar is hidden unless the mouse hovers over the image.


Flowplayer Setup
To use Flowplayer set to Yes. And also set option 'Use HTML5 Elements' to No.


The options to setup Flowplayer will then appear.
The Options are the same as those used for the HTML5 viewer.
In most cases the only reason to use Flowplayer are if your videos are in flv format.

ID3 information

When set to Yes a futher option 'ID3 Tags Layout' becomes available.
This may be editted to change the layout for the ID3 Tags output.
The available placeholder variables are {album_title} {album} {name_title} {name} {year_title} {year} {artist_title} {artist} {genre_title} {genre} {length_title} {length}.
Also HTML code and arbitrary text may be inserted.
In the Front End the view is as shown opposite.


ColinM June 2020 modified July 2023
