Horje
HTML5 MP3 Radio FM MP3 Stream Player use Radio streams directly from Shoutcast and Icecast Server and play in HTML5

Noted That:

  • To install correctly this shoutcast-icecast-html5-radio-player.zip .
  • Fisrt Download the shoutcast-icecast-html5-radio-player.zip to your computer
  • Extract/Open shoutcast-icecast-html5-radio-player.zip to Your Computer.
  • Then, Find readme.txt file inside shoutcast-icecast-html5-radio-player.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " shoutcast-icecast-html5-radio-player.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " shoutcast-icecast-html5-radio-player.zip "  Downloaded plugin from your computer, Where you downloaded shoutcast-icecast-html5-radio-player.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Shoutcast Icecast HTML5 Radio Player " folder is added on left sidemenu. Now, Click on " Shoutcast Icecast HTML5 Radio Player " folder.

   Noted that: If you do not see " Shoutcast Icecast HTML5 Radio Player " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Shoutcast Icecast HTML5 Radio Player Configurtions and Settings or How to work " Shoutcast Icecast HTML5 Radio Player " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Shoutcast Icecast HTML5 Radio Player " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Shoutcast Icecast HTML5 Radio Player
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

Unzip “shoutcast-icecast-html5-radio-player.zip” and copy folder “shoutcast-icecast-html5-radio-player” into your wordpress plugins folder, normally located in /wp-content/plugins/

Enter your Radio Server information then use shortcode.

How to add Radio Stream URL

Please use Radio MP3 Stream URL like http://your-radio-server-ip:port/

i.e. http://174.127.x.y:8013/

**Note: Make sure you have valid MP3 Radio Stream, Don’t include listen.pls in URL ** http://yp.shoutcast.com/sbin/tunein-station.pls

Shoutcast V1 (http://shoutcast-server-ip:port/)
Shoutcast V2 (http://shoutcast-server-ip:port/streamname)
Icecast (http://icecast-server-ip:port/streamname)
Any MP3 Link (http://shoutcast-server-ip:port/file.mp3)

Shortcode for Page or Post

[html5radio player=”shoutcast” stream=”http://your-server-ip:port” banner=”http://your-domain.com/radio.jpg”]

html5 , radio , stream , player , useradio , streams , directly , shoutcast , icecast , server ,

Name
   How to add Wa Sticky Button in Wordpress
   How to add Contact Information Widget in Wordpress
   How to add Archives Calendar Widget in Wordpress
   How to add Simple Colorbox in Wordpress
   How to add Html After Url in Wordpress 

Read Article
https://develop.horje.com/learn/1434/reference

 

Horje