gw banner2

SJ HTML5 Audio Player

1 1 1 1 1 Rating 4.75 (60 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 eleven 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

 

 

Demo

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 Upload package file, 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

Setup SJ HTML5 Audio Player

I. Upload images

Using your FTP user and password, login on your server and navigate to modules/mod_sj_html5audio/mix. Upload your songs and cover images here. 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 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
Song artist name - type the song artist name 
Song duration  - type how long the song is

Theese options are available for each toon.

audio v 1.3 basic

2. Setup the visuals

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.

audio v 1.3

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.

Enjoy!

 


 

 

 

Version history

v1.0

  • 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

v1.1

  • twenty songs support
  • adjustable width
  • enable/disable jQuery
  • some bugs repaired

v1.2

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

v1.3

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

 

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.

Contact

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

 
 
  *
 
  *
  *
 
  *
 
  *
 
  Please enter the characters displayed in the image into the adjacent input field. If you are not able to read them, click the adjacent button to generate a new image.
 
  * Mandatory field
 
Created using the Joomla DFContact component.


License
GNU General Public License

 

 

 

 

Comments   

 
0 #17 Grizzlone 2013-05-06 05:48
Hello Ginjg ,
The buy option can be used only to redirect the custommers to a download page from where they can buy the product. We do not have right now the function to verify the subscribers with the player.. Also the text buy can be changed into the download text and there you can have a direct link to download a song dirrectley from a link.
Quote
 
 
0 #16 Ginjg 2013-05-06 00:19
is there a way to add or enable a download button?
I want to create a section of my site to allow verified subscribers to download the audio files that are available in their subscription level without having to leave the player page
Quote
 
 
0 #15 Grizzlone 2013-04-18 09:38
No it has only english language. The only text it is fixed is "by" which can be changed if you desire
Quote
 
 
0 #14 Pedro 2013-04-18 09:09
Does the extension have an Spanish language version?
Quote
 
 
0 #13 Grizzlone 2013-04-08 13:40
Hello Thomas,
We do not have implemented an language option for it but we can modify it for you just tell us what you want to write instead of by and we will send you the updated package.
Quote
 
 
0 #12 Thomas 2013-04-08 13:30
Nice Script. But how can I change the language?`In the player its says SONGTITLE by ARTIST where can I change the "by" ?
Quote
 
 
0 #11 Bolaji 2012-12-16 09:13
Sorry for the earlier message, I received it in my junk mail. Thanks you I have downloaded now.
Quote
 
 
0 #10 Grizzlone 2012-12-16 09:05
Hello Bolaji,
Please verify again sometimes does take's a little time until you will receive the mail with the download link.
Quote
 
 
0 #9 Bolaji 2012-12-16 08:51
I have made payment for component but have not received component and no instruction on how it will be dispatched. Please can you advise how to get i downloaded?
Quote
 
 
0 #8 Grizzlone 2012-12-04 22:21
Hello Laura,
This is a way but i will not recommend it. The best way is to connect thrue ftp to your server, navigate to the modules/mod_sj_ html5audio/mix folder and there upload the covers and audio files. Also for faster response email us to or use support form.
Quote
 

Add comment


Security code
Refresh