HTML5 MP3 Radio FM Stream Player

WordPress and Standalone HTML5 MP3 Radio FM Stream Plugin Player with Size Option compatible with iOS, Android and supports all browsers Firefox, Chrome, Safari, IE and Opera!

Technologies Used * PHP * MySQL * CSS * XML * JSON * jQuery * HTML5 Audio element with Flash Fallback

HTML5 Player

How to install HTML5 MP3 Radio FM Stream Player

HTML5 MP3 Radio FM MP3 Stream Player can grab “Now Playing Song Information” on player as StreamTitle for Shoutcast and Icecast Streams.

Shortcode: [radioforge id=”1234″]

* Social Twitter, Facebook & Google+

Try Free: Shoutcast Icecast HTML5 Radio Player

If your web hosting server don't support metadata…
Subscribe to our “Icecast Shoutcast Metadata API”

https://www.svnlabs.com/html5plus/developers/icecast-shoutcast-metadata/

Requirement

– Shoutcast / Icecast server port is open on your web hosting firewall
– PHP Curl and Socket functions must enable
– PHP DOMDocument and DOMXPath (php-xml or php-dom) functions must enable

There are 2 Servers
Server#1 : Where HTML5 MP3 Radio FM Stream Player Plugin hosted / installed.
Server#2 : Live Radio (Icecast / Shoutcast) Stream running on some PORT

So Server#2 Radio Stream PORT must be open in Server#1 Webhosting Firewall

Please Turn Off “Song Metadata” (Current Playing Song Information) if you are using this Radio Player on Shared Web Hosting Server

Why No Autoplay with iOS / Androids??

Radio Stream Codec Info

Type: Audio
Codec: MPEG Audio layer 1/2/3 (mpga)
Channels: Stereo
Sample rate: 44100 Hz
Bitrate: 128 kb/s

SKU: html5radio Categories: , , Tag:

Description

HTML5 <audio>ย the element enable native audio playback within the browser. It supports all browsers i.e. Firefox, Chrome, Safari, IE and Opera.

WordPress Short Code for Radio Player

[radioforge id=”1234″]

There is a difference between versions of shoutcast. 1.9.9 doesn’t support HTML5 Audio where 1.9.8 is compatible with HTML5 Audio

Please check our FAQ Section for more help…
Shoutcast Stream is not working?

How to use HTML5 Radio Player for Shoutcast or Icecast?

If you have any problem in latest Firefox to play HTML5 Radio Player, please download javascript file from here https://www.svnlabs.com/html5radio-php/audio.js and copy to “/wp-content/plugins/shoutcast-icecast-html5-radio-player/html5/audiojs/”

HTML5 MP3 Radio FM Stream Player Paid version don’t have Advertisements in player ๐Ÿ™‚ You need to completely remove free version to use paid version for HTML5 MP3 Radio FM Stream Player. In Paid version you can manage background image, size or dimensions and many more….

icy-metaint not set Note: Please make sure with Radio Hosting Support โ€ฆ if icy-metaint is present in your Radio Stream


Live Audio Streaming, Internet Radio Player

Live Audio Streaming, Internet Radio Player

Latest Demo for Radio Streams

HTTP Live Streaming: HTML5 Radio FM Player supports only HTTP Live (download) Streams.

Song’s Current Time & Duration will depend on MP3 Radio Stream for Live Radio.. it’s always 0:00 / 0:00

Note: It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.

HTML5 MP3 Radio FM Stream Player only support MP3 codec Radio Streams

Shoutcast Content Type

Browser & format support
With Flash as a fallback, it should work pretty much anywhere.
It has been verified to work across:
– Mobile Safari (iOS 3+)
– Android (2.2+, w/Flash), Android (4.0+)
– Safari (4+)
– Chrome (7+)
– Firefox (3+, w/ Flash)
– Opera (10+, w/ Flash)
– IE (6, 7, 8, w/ Flash)

Plugin Features:

1. Can play MP3 Radio MP3 Stream from Icecast / Shoutcast Server.
2. Self Hosted Plugin Files
3. HTML5 MP3 Radio player is CSS based
4. Customize Radio Player Background, Size & Artwork
5. Shortcode for WordPress
6. Live Radio
7. Social Twitter, Facebook & Google+
8. Compatible with iOS, Android, Firefox, Chrome, Safari, IE and Opera.

HTML5 MP3 Radio FM MP3 Stream Player can grab “Now Playing Song Information” on player as StreamTitle for Shoutcast and Icecast Streams.

Note: You must have CURL enabled with PHP on your server to get current playing Shoutcast Song Information…

Take this sample file from here https://www.svnlabs.com/html5/info.phps

– Change Shoutcast Address with Port
– Upload this to your server after renaming to “info.php”
– Review if you can successfully run this sample code ๐Ÿ˜‰

Connection Timed Out (110)
Note: Please make sure shoutcast / icecast server port is open on your server firewall as outgoing port to read shoutcast / icecast current playing song information…

 

How to fix … Call to undefined function parse_ini_string() in html5/icecast.php