Code

myCast - Fantastic HTML5 SHOUTcast & Icecast Radio Player

myCast - Fantastic HTML5 SHOUTcast & Icecast Radio Player

(16) 4.31 stars
137 Sales

myCast is a Fantastic HTML5 SHOUTcast & Icecast Radio Web Player. Built in HTML/CSS/jQuery, based on Material Design color palette. Animated and Mobile Ready.

It’s compatible with SHOUTcast DNAS 1/2 & Icecast 2. Easy to install and customize!

Note: Radionomy users please contact me for more info.

Features

SHOUTcast & Icecast
Compatible with SHOUTcast DNAS 1/2 & Icecast 2.

Native Browser Code
Built in pure HTML5, CSS, jQuery. No Server-side script needed.

HTTPS support
Works over ssl (https) websites.

Responsive Design
Will fit to it’s parent div and adapt to mobile screens.

Fast Data Gathering
Direct requests to Server via JSONP. Fast and automatic update.

Color Customization
Choose any Material Design color for both background and play/pause button.

Album Artwork
iTunes API is used to retrieve all the album artwork. Also you can set an static image instead.

Server Info
Show your current listeners, stream quality, genre, etc…

Song History
Display the last songs played on your radio station.

Animated
Smooth animated transitions between songs.

Mobile Ready
Tested and optimized for most mobile devices.

Multi Language
Ready for English, Spanish, Portugese, French and Italian.

Multiple Instances
Play more than one stream on the same page.

Social Share
Share your Radio on Facebook, Twitter & Google Plus.

Support & Updates
100% Guaranteed support. Updates and improvements in the future.

Installation & Usage

First make sure jQuery is include, if not, include it

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>

Then include myCast files

<link href="css/myCast.min.css" type="text/css" rel="stylesheet">
<script src="js/myCast.min.js"></script>

Add a parent div to the body of your html page, with a unique id and myCast class

<div class="myCast" id="stream1" />

Finally call the script in the body of your html page

<script>
    $("#stream1").myCast({
        URL: "http://ip:port",
        version: "2",
    });
</script>

Support

Support in English and Spanish guaranteed for all customers!

Changelog

05/20/2018
- Added vertical layout format

10/27/2018
- Cors proxy fix for icecast and shoutcast v1
- Https websites are now supported
- Static image instead of album artwork

by
by
by
by
by
by