SJ HTML5 Audio Player

1 1 1 1 1 Rating 4.43 (82 Votes)


sj html5 audio
The SJ HTML5 audio player developed by Super Joom is, as title says, an html5 based audio player that support, mp3 and ogg file formats. In the playlist can be added up to 60 items with song name, cover, artist name, album and duration options for each of them. The twenty songs limitation can be easely increased with minimum knowledge of xml or by us at request (no extra charge ofc). Various color options are also available in order to fit any design.images



Quick install guide

1. Log in to the Joomla administration back-end.

2. Select Extensions --> Install/Uninstall from the top menu.

3. In the panel Uploadpackagefile, click Browse and locate the installation package you have downloaded to your local computer.

4. Click the button Upload & Install.

5. Select Extensions --> Module Manager from the top menu and click SJ HTML5 Audio Player in the list.

6. Open the module and follow setup.


Setup SJ HTML5 Audio Player

I. Upload images

Using your FTP user and password, login on your server and upload your songs and covers into a folder. You will need both .mp3 and .ogg file formats for every toon in order to work with all browsers and all operating systems. 

Browser MP3 OGG
Internet Explorer 9 YES No
Firefox 4.0 No YES
Google Chrome 6 YES YES
Apple Safari 5 YES No
Opera 10.6 No YES


II. Setup module

In the backend of your joomla website select Extensions --> Module Manager from the top menu and click SJ HTML5 Audio Player  in the list. 

1. Setup path to the folder

In order to triger the song into the playlist first st-up the path to the folder where you have uploaded your images and songs. ex:

A number of options are available to setup the look and feel of your player. All theese are self explanatory, change them to fit your needs.

setup audio

2. Setup your songs

Theese are the items that will show up in the playlist. Several customisation can be made to them.

Sho/Hide song  - is the option that decides that the toon will appear in the playlist or not.
First song -  is the specific song selection option [the name of the option goes from first until 60, (first, second, third...)]
Song cover - allows you to select a cover for the song, it will appear in the top left corner of the player
Song title - type the desired name for the item as it will appear in the playlist

Arranger - the music arranger

Composer - the music composer

Publisher - song publisher

Description - song description (do not use the "Enter" key from your keyboard to brake down the lines when you type description. For each brake line use <br>)
Song artist name - type the song artist name 
Song duration  - type how long the song is

These options are available for each toon.

song setup



3. Publish

In the left hand size give your module a Title , select the Position you want to publish check the Status to be Published  and Module Assignement to be On all pages or if you want specific pages select them from the list.

4. Save and exit.






Version history


  • 11 songs playlist
  • Audio player color
  • Autoplay options
  • Title font wheight
  • Title color
  • Track playing color
  • Artist color
  • Color of your tracklist
  • Controls color bar color


  • 20 songs playlist
  • adjustable width
  • enable/disable jQuery
  • some bugs repaired


  • adjust playlist songs to be shown
  • font size title in playlist
  • minor bugs repaired

v1.3 only for j2.5,3.x

  • 60 songs playlist
  • Buy link song
  • Price for each song
  • Title color

  Disable price
  Font-size buy text
  Option to change the buy ex: Download






  Code improvments


    Show Less funtion added

    Code improvments

     Added responsive template support


For any problems regarding our products do not hesitate to contact us on our suport emails:  This email address is being protected from spambots. You need JavaScript enabled to view it. This email address is being protected from spambots. You need JavaScript enabled to view it.  or place your questions, comments and critics in the comment form below.


If you have any ideas or questions, please feel free to contact us using our contact data or the form below.

  * Mandatory field
Created using the Joomla DFContact component.

GNU General Public License






0 #23 Gas 2016-04-20 17:06
Please tell me if support greek words
0 #22 Gas 2016-04-20 17:05
Please tell me if support the greek words ?
0 #21 aurore69 2016-03-19 01:26
A very good module, really elegant, and a good reactive team for help when we need...I recommend.
0 #20 SuperJoom 2016-03-15 12:45
Quoting landry:
Enable picture, yes, but no picture on screen. any help? even for sample data. thanks.

We will need your website to see what is happening there.
0 #19 landry 2016-03-11 18:40
Enable picture, yes, but no picture on screen. any help? even for sample data. thanks.
+1 #18 landry 2016-03-11 14:00
I just bought this module yesterday and i set it in my web site, but it doest play any of my mp3 audio file, even the sample one. please can you help me? i think that I'm doing a mistake somewhere. you have a look of the module behavior on the forum menu page of my website.
0 #17 SuperJoom-admin 2016-01-20 13:36
Yes you can add lyrics to each song.
0 #16 Denis 2016-01-20 10:15
Can I add lyrics for each song?
0 #15 Dr. Bill 2016-01-19 16:34
Great Job!! Perfect module and exactly what we were looking for for our mp3 recordings. Most of all, and Very Important is when we had a problem, the Technical staff was back to us in and instant and helped us with it. That makes this module worth even more than that great price we paid for it. Technical is great! Go take the rest of the day off! dr. bill
0 #14 Grizzlone_admin 2015-04-09 09:33
Yes this moduel was tested on Iphone, Ipad, Android tablets and Android phones and it is working.

Add comment

Security code