Pay Per Listen for Joomla

HTML5 Audio Player with Playlist HTML5 audio the element enable native audio playback within the browser. It supports all browsers i.e. iOSAndroid, Firefox, Chrome, Safari, IE and Opera.

HTML5 Audio Player with Playlist, Repeat, Stream Seek, Volume Control, Timer, Next, Previous, Play-Pause option.

Now Play Your Favorite Radio FM Stream in HTML5 XML Playlist Player 

Horizontal Playlist

Vertical Playlist


You can sell MP3, Music, Words library or other audio material on demand with “Pay Per Listen for Joomla”.
“Pay Per Listen for Joomla” can be used for single tracks, multiple tracks, multi-product packages can be sold as one product, for the normal or a discounted price.
Music publishers, music labels, ring tone producers, sound effects producers and other audio content distributors will use the single or multiple item capability of the “Pay Per Listen for Joomla” to makes it easy to price, promote, sell and deliver any sort of audio content.

XML based HTML5 MP3 Player can be used for integrating Free Music Preview & Paid Full Music easily 😉

Free Music Preview
{html5mp3playlist id=1 type=small}{/html5mp3playlist}

Paid Full Music
{html5mp3playlist id=1 type=full}{/html5mp3playlist}


Joomla Back End


Joomla Front End


Demo Site:

HTML5 MP3 Player with Playlist for WordPress

=== HTML5 MP3 Player with Playlist ===
Contributors: Sandeep Verma
Donate link:
Tags: html5, mp3 player, playlist, audio, audio player

Requires at least: 1.5
Tested up to: 3.3.1
Stable tag: 1.07

Allows WordPress users to easily use HTML5

== Installation ==

1. Copy html5mp3playlist.php into your wordpress plugins folder, normally located
in /wp-content/plugins/

2. Login to WordPress Admin and activate the plugin

A HTML5 playlist player can be embedded in a post using a tag of the following


e.g. [html5mp3playlist:] (Coming Soon)

You can also set global options in the html5 mp3 playlist option menu.

== Screenshots ==
1. html5 mp3 playlist player.

Integrate HTML5 MP3 Player with XML based Playlist just in $25

PayPal — The safer, easier way to pay online.

== Support ==
For support please visit

== Changelog ==


The webisode is simply a web episode, this is a new medium called web television that stream live broadcast, dramas, serial storyline, media events online over the Internet

The webisode is web episode especially viewed at a Web site for TV show have been telecast.

Technologies Used


Streaming Audio/Video formats

* Adobe Flash – MP3, FLV, MP4
* Microsoft Media – Silverlight, ASF, ASX, WAX, WMA, WMV
* RealNetworks – RM, RAM, RA, SMIL
* Apple QuickTime Audio/Video streams
* Shoutcast/Icecast – MP3, AAC, OGG
* MoveNetworks MoveMediaPlayer

CDN Used

* Amazon S3 CloudFront
* Google
* YouTube
* MaxCDN
* Rackspace CDN
* EdgeCast
* Flickr
* Akamai
* StreamGuys

Servers Used

* Wowza
* Adobe
* Red5
* Windows Media Server

Clients Used

* Adobe – Flash Media Live Encoder
* Windows Media Encoder
* VLC Player
* SMPlayer
* SAMCast

Streaming Tools

* MPlayer
* FFmpeg
* RTMPDump
* Flash Media Players

CMS Used

* Kaltura
* VidZapper

A webcast is a media streaming technology to distribute single media content source to many simultaneous listeners/viewers. The webcast might be distributed live or on demand. Webcasting is “broadcasting” over the Internet.


There are only two ways to live your life

Tolerate things the way they are…… Or take responsibility to change them.

Audio.js with Volume Control

I was working on HTML5 MP3 Player Project using audio.js and I got Audio.js with Volume Control to control the volume for the Flash alternative player?

Volume Control - audio.js

<script> {
        var as = audiojs.createAll(),
            audio = as[0],
            ids = ['vol-0', 'vol-10', 'vol-40', 'vol-70', 'vol-100'];
        for (var i = 0, ii = ids.length; i < ii; i++) {
          var elem = document.getElementById(ids[i]),
              volume = ids[i].split('-')[1];
          elem.setAttribute('data-volume', volume / 100)
          elem.onclick = function(e) {
            return false;
<audio src="audiofile.mp3"></audio>
    <p><a href="#" id="vol-0">Volume: 0%</a></p>
    <p><a href="#" id="vol-10">Volume: 10%</a></p>
    <p><a href="#" id="vol-40">Volume: 40%</a></p>
    <p><a href="#" id="vol-70">Volume: 70%</a></p>
    <p><a href="#" id="vol-100">Volume: 100%</a></p>

You can also use the same volume as in