This page is for broadcasters that want to create a HTML player for mobile for Icecast. The code below is for a iPhone SE. You will need to change the dimensions for your device.
Make changes to the code in Red.

Mobile Player Web App (Icecast)

Example: Mandozine Radio Mobile Player


Code:
(add into the <head> section of your html)

Script to create full screen view:
Create new HTML file. Change the Hostname and Port. Your artwork should be the width of your device.

<head>
<title>Mandozine Radio</title>

</head>

<body>

<img src="images/MZRplayer.png">

<audio style="width:320px;" controls="true"><source src="http://Your stream URL" type="audio/mp3">Your browser does not support the audio element.</audio>


<span style="font-family:Lato; font-weight: bold; font-size: 16px; line-height: 1.4;"><div class="cc_recenttracks_list" data-username="Your Centova usernameLoading ...</div></span>

<script language="javascript" type="text/javascript" src="Get Recent Tracks js from Centova widgets"></script>

</body>
</html>

Create iOS Home screen icon:



  1. After you load your Web App, just tap on the bookmark icon.
  2. Tap on 'Add to home screen' When the bookmark options appear, tap on 'Add to home screen'.
  3. Change the shortcut name. ...
  4. Select Done.