| 1 |
<?php //Lets register our shortcode |
| 2 |
function sc_radio_player_cb($atts){ |
| 3 |
extract( shortcode_atts( array( |
| 4 |
|
| 5 |
'id' => null, |
| 6 |
'url' => null, |
| 7 |
'background' => null, |
| 8 |
|
| 9 |
), $atts ) ); |
| 10 |
$post_type = get_post_type($id); |
| 11 |
if($post_type != 'streamcast'){ |
| 12 |
return false; |
| 13 |
} |
| 14 |
?> |
| 15 |
<?php ob_start(); ?> |
| 16 |
|
| 17 |
<?php |
| 18 |
$player_type=get_post_meta( $id, 'opt-radio', true ); |
| 19 |
$stream_url=get_post_meta( $id, 'stream_url', true ); |
| 20 |
$player_postiion=""; |
| 21 |
?> |
| 22 |
<div class="sc_radio"> |
| 23 |
<div style="display:<?php if(empty($stream_url)){echo 'block;';}else{echo 'none;';}?>"> |
| 24 |
<h2>Ooops ! You forgot to enter a stream url ! Please check Radio Player configuration </h2> |
| 25 |
</div> |
| 26 |
|
| 27 |
<?php |
| 28 |
|
| 29 |
switch ($player_type) { |
| 30 |
case 'advanced' : ?> |
| 31 |
<div style="width:100%; overflow:hidden;"> |
| 32 |
<div class="streamcast<?php echo $id; ?>"> |
| 33 |
<ul class="playlist"> |
| 34 |
<li data-cover="<?php echo STP_PLUGIN_DIR."images/default.png"; ?>" data-artist="Station Name"> |
| 35 |
<a href="<?php echo esc_url($stream_url);?>"> Welcome Message</a> |
| 36 |
</li> |
| 37 |
</ul> |
| 38 |
</div> |
| 39 |
</div> |
| 40 |
<style type="text/css"> |
| 41 |
<?php echo esc_html(".streamcast$id"); ?>{ |
| 42 |
margin:20px auto 0; |
| 43 |
width: 390px; |
| 44 |
padding-bottom: 30px; |
| 45 |
} |
| 46 |
.player{background: <?php echo get_post_meta( $id, 'background', true ); ?>!important;} |
| 47 |
</style> |
| 48 |
|
| 49 |
<script type="text/javascript"> |
| 50 |
jQuery(".streamcast<?php echo esc_html($id); ?>").musicPlayer({ |
| 51 |
autoPlay: "false", |
| 52 |
volume: 65, |
| 53 |
loop: false, |
| 54 |
timeSeparator: ' / ', |
| 55 |
playerAbovePlaylist: true, |
| 56 |
infoElements: ['title' , 'artist'] , |
| 57 |
elements: ['artwork','information', 'controls', 'time', 'volume'], |
| 58 |
timeElements: ['current'], |
| 59 |
controlElements: [ 'play', 'stop'], |
| 60 |
}); |
| 61 |
</script> |
| 62 |
|
| 63 |
<?php |
| 64 |
break; |
| 65 |
case 'standard': ?> |
| 66 |
|
| 67 |
<!-- BEGINS: RADIO PLAYER CODE --> |
| 68 |
<script type="text/javascript"> |
| 69 |
MRP.insert({ |
| 70 |
'url':"<?php echo esc_url($stream_url); ?>", |
| 71 |
'lang':'en', |
| 72 |
'codec':'mp3', |
| 73 |
'volume':65, |
| 74 |
'autoplay':'false', |
| 75 |
'forceHTML5':true, |
| 76 |
'jsevents':true, |
| 77 |
'buffering':0, |
| 78 |
'title':'Station Name', |
| 79 |
'welcome':'Welcome Message', |
| 80 |
'wmode':'transparent', |
| 81 |
'skin':'mcclean', |
| 82 |
'width':400, |
| 83 |
'height':100 |
| 84 |
}); |
| 85 |
$("#musesContextMenuAboutDiv, #musesContextMenuTitleDiv, #musesContextMenuVersionDiv").css("display", "none"); |
| 86 |
</script> |
| 87 |
<!-- ENDS: RADIO PLAYER CODE --> |
| 88 |
|
| 89 |
<?php |
| 90 |
break; |
| 91 |
case 'plyr': ?> |
| 92 |
|
| 93 |
<!-- BEGINS: RADIO PLAYER CODE --> |
| 94 |
<div style=" <?php if($player_postiion=="right"){echo "width:100%; overflow:hidden;"; } ?>"> |
| 95 |
<div style="width:200px; <?php if($player_postiion==""){echo "margin:0 auto;";} if($player_postiion=="right"){echo "float:right;";} ?>"> |
| 96 |
<audio class="player" playsinline controls> |
| 97 |
<source src="<?php echo esc_url($stream_url); ?>" type="audio/mp3" > |
| 98 |
Your browser does not support the audio element. |
| 99 |
</audio> |
| 100 |
</div> |
| 101 |
</div> |
| 102 |
<style type="text/css"> |
| 103 |
.plyr__control{margin-right:0 !important;} |
| 104 |
</style> |
| 105 |
<script type="text/javascript"> |
| 106 |
const players<?php echo esc_html($id);?> = Plyr.setup('.player', { |
| 107 |
controls:['play', 'current-time', 'mute', 'volume'], |
| 108 |
displayDuration: true, |
| 109 |
}); |
| 110 |
</script> |
| 111 |
<!-- ENDS: RADIO PLAYER CODE --> |
| 112 |
<?php |
| 113 |
break; |
| 114 |
case 'ultimate': |
| 115 |
$radioImage = get_post_meta( $id, 'radioImage', true ); |
| 116 |
if ( empty( $radioImage['thumbnail'] ) ) {$radioImage['thumbnail'] = STP_PLUGIN_DIR . 'public/images/on-air.png';} |
| 117 |
$radioName = get_post_meta( $id, 'radioName', true ); |
| 118 |
$streamProvider = get_post_meta( $id, 'streamProvider', 'shout-cast', true ); |
| 119 |
$streamURL = get_post_meta( $id, 'streamURL', 'http://74.208.71.58', true ); |
| 120 |
$streamPort = get_post_meta( $id, 'streamPort', '8000', true ); |
| 121 |
$streamMountPoint = get_post_meta( $id, 'streamMountPoint', 'house.320k.mp3', true ); |
| 122 |
|
| 123 |
$finalStreamURL = ''; |
| 124 |
if ( $streamProvider == 'shout-cast' ) { |
| 125 |
$finalStreamURL = $streamURL . ':' . $streamPort . '/;'; |
| 126 |
} else if ( $streamProvider == 'ice-cast' ) { |
| 127 |
$finalStreamURL = $streamURL . ':' . $streamPort . '/' . $streamMountPoint; |
| 128 |
} |
| 129 |
|
| 130 |
$settings = []; |
| 131 |
$settings['streamProvider'] = $streamProvider; |
| 132 |
$settings['streamURL'] = $streamURL; |
| 133 |
$settings['streamPort'] = $streamPort; |
| 134 |
$settings['streamMountPoint'] = $streamMountPoint; |
| 135 |
$settings['finalStreamURL'] = $finalStreamURL; |
| 136 |
?> |
| 137 |
|
| 138 |
<div class="container" style="background-image: url(<?php echo isset( $bgImage['url'] ) ? $bgImage['url'] : ''; ?>)"> |
| 139 |
<div id="bRadioPlayer<?php echo $id; ?>" class="bRadioPlayer dodgerBlue" data-customize='<?php echo wp_json_encode( [] ); ?>'> |
| 140 |
<div class="imageHolder"> |
| 141 |
<img src="<?php echo $radioImage['thumbnail']; ?>" alt="<?php echo $radioImage['alt']; ?>" /> |
| 142 |
<div class="visualizerCircle"></div> |
| 143 |
</div> |
| 144 |
<div class="text"> |
| 145 |
<p><?php echo $radioName; ?></p> |
| 146 |
<h2></h2> |
| 147 |
</div> |
| 148 |
<input class="volumeBar" type="range" min='0' max='100' step='0.001' value='50' /> |
| 149 |
<div class="rangeControls"> |
| 150 |
<button class="mute"> |
| 151 |
<svg xmlns="http://www.w3.org/2000/svg" width='42' height='42' viewBox="0 0 124.625 124.625"> |
| 152 |
<path |
| 153 |
d="M6,92.404h23.1l25.6,19.3c4,3,9.601,0.2,9.601-4.8v-89.2c0-4.9-5.701-7.8-9.601-4.8l-25.6,19.3H6c-3.3,0-6,2.7-6,6v48.301 C0,89.704,2.7,92.404,6,92.404z" /> |
| 154 |
<path |
| 155 |
d="M122.4,40.604c-2.7-2.7-7.2-2.7-9.9,0l-11.8,11.8l-11.8-11.8c-2.7-2.7-7.2-2.7-9.9,0c-2.699,2.7-2.699,7.2,0,9.9 l11.801,11.8L79,74.104c-2.699,2.7-2.699,7.2,0,9.9c1.4,1.399,3.2,2.1,5,2.1c1.801,0,3.6-0.7,5-2.1l11.801-11.801L112.6,84.004 c1.4,1.399,3.201,2.1,5,2.1c1.801,0,3.601-0.7,5-2.1c2.701-2.7,2.701-7.2,0-9.9l-12-11.8l11.801-11.8 C125.1,47.804,125.1,43.304,122.4,40.604z" /> |
| 156 |
</svg> |
| 157 |
</button> |
| 158 |
<span class="volumePlace">50%</span> |
| 159 |
<button class="unMute"> |
| 160 |
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 93.038 93.038"> |
| 161 |
<path |
| 162 |
d="M46.547,75.521c0,1.639-0.947,3.128-2.429,3.823c-0.573,0.271-1.187,0.402-1.797,0.402c-0.966,0-1.923-0.332-2.696-0.973 l-23.098-19.14H4.225C1.892,59.635,0,57.742,0,55.409V38.576c0-2.334,1.892-4.226,4.225-4.226h12.303l23.098-19.14 c1.262-1.046,3.012-1.269,4.493-0.569c1.481,0.695,2.429,2.185,2.429,3.823L46.547,75.521L46.547,75.521z M62.784,68.919 c-0.103,0.007-0.202,0.011-0.304,0.011c-1.116,0-2.192-0.441-2.987-1.237l-0.565-0.567c-1.482-1.479-1.656-3.822-0.408-5.504 c3.164-4.266,4.834-9.323,4.834-14.628c0-5.706-1.896-11.058-5.484-15.478c-1.366-1.68-1.24-4.12,0.291-5.65l0.564-0.565 c0.844-0.844,1.975-1.304,3.199-1.231c1.192,0.06,2.305,0.621,3.061,1.545c4.977,6.09,7.606,13.484,7.606,21.38 c0,7.354-2.325,14.354-6.725,20.24C65.131,68.216,64.007,68.832,62.784,68.919z M80.252,81.976 c-0.764,0.903-1.869,1.445-3.052,1.495c-0.058,0.002-0.117,0.004-0.177,0.004c-1.119,0-2.193-0.442-2.988-1.237l-0.555-0.555 c-1.551-1.55-1.656-4.029-0.246-5.707c6.814-8.104,10.568-18.396,10.568-28.982c0-11.011-4.019-21.611-11.314-29.847 c-1.479-1.672-1.404-4.203,0.17-5.783l0.554-0.555c0.822-0.826,1.89-1.281,3.115-1.242c1.163,0.033,2.263,0.547,3.036,1.417 c8.818,9.928,13.675,22.718,13.675,36.01C93.04,59.783,88.499,72.207,80.252,81.976z" /> |
| 163 |
</svg> |
| 164 |
</button> |
| 165 |
</div> |
| 166 |
<div class="audioControl"> |
| 167 |
<button class="visualizerToggle"> |
| 168 |
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 800 800"> |
| 169 |
<path |
| 170 |
d="M180.3,729.4h-72.4c-13.5,0-24.5-11-24.5-24.5V235.8c0-13.5,11-24.5,24.5-24.5h72.4c13.5,0,24.5,11,24.5,24.5v469.1 C204.7,718.4,193.7,729.4,180.3,729.4" /> |
| 171 |
<path |
| 172 |
d="M351,729.4h-72.4c-13.5,0-24.5-11-24.5-24.5V331.7c0-13.5,11-24.5,24.5-24.5H351c13.5,0,24.5,11,24.5,24.5v373.2 C375.4,718.4,364.4,729.4,351,729.4" /> |
| 173 |
<path |
| 174 |
d="M521.9,729.4h-72.4c-13.5,0-24.5-11-24.5-24.5V95.1c0-13.5,11-24.5,24.5-24.5h72.4c13.5,0,24.5,11,24.5,24.5v609.8 C546.3,718.4,535.3,729.4,521.9,729.4" /> |
| 175 |
<path |
| 176 |
d="M692.1,729.4h-72.4c-13.5,0-24.5-11-24.5-24.5V331.7c0-13.5,11-24.5,24.5-24.5h72.4c13.5,0,24.5,11,24.5,24.5v373.2 C716.6,718.4,705.6,729.4,692.1,729.4" /> |
| 177 |
</svg> |
| 178 |
</button> |
| 179 |
<button class="playPauseAudio"> |
| 180 |
<svg xmlns="http://www.w3.org/2000/svg" width="130" height="130" viewBox="0 0 800 800"> |
| 181 |
<path |
| 182 |
d="M713.9,400.5c1.4,171.2-137.8,314.4-313.9,314.3c-175.6,0-314.2-143-314-315c0.2-171.3,140.6-313.9,315-313.4 C574,87,715.4,228.9,713.9,400.5z M279.5,400.3c0,23.1,0,46.2,0,69.3c0,20.8-0.2,41.7,0.1,62.5c0.1,12.2,6,21.1,17,26.6 c11,5.5,21.2,3,31.2-2.9c23.3-13.6,46.8-27,70.2-40.5c49.8-28.6,99.6-57.1,149.3-85.8c18.1-10.4,18.7-38.7,1.1-49.4 c-74.5-45.4-149-90.8-223.5-136.1c-6-3.7-12.6-5.5-19.8-4.2c-15.7,2.9-25.5,14.4-25.5,30.5C279.4,313.6,279.5,357,279.5,400.3z" /> |
| 183 |
</svg> |
| 184 |
</button> |
| 185 |
<button class="live"> |
| 186 |
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="-16 0 512 512.00113"> |
| 187 |
<path |
| 188 |
d="m262.84375 140.558594c-12.699219 12.671875-33.28125 12.671875-45.980469 0-12.695312-12.671875-12.695312-33.21875 0-45.890625 12.699219-12.671875 33.28125-12.671875 45.980469 0 12.695312 12.671875 12.695312 33.21875 0 45.890625zm0 0" /> |
| 189 |
<path |
| 190 |
d="m307.257812 189.726562c-3.960937 0-7.921874-1.511718-10.9375-4.539062-6.03125-6.039062-6.019531-15.824219.019532-21.851562 12.238281-12.214844 18.976562-28.453126 18.976562-45.722657s-6.738281-33.507812-18.976562-45.722656c-6.039063-6.03125-6.050782-15.8125-.019532-21.855469 6.027344-6.039062 15.8125-6.050781 21.851563-.019531 18.089844 18.054687 28.050781 42.058594 28.050781 67.597656 0 25.535157-9.960937 49.542969-28.050781 67.597657-3.015625 3.011718-6.964844 4.515624-10.914063 4.515624zm0 0" /> |
| 191 |
<path |
| 192 |
d="m342.210938 235.222656c-3.960938 0-7.921876-1.511718-10.9375-4.535156-6.03125-6.042969-6.019532-15.824219.019531-21.855469 24.414062-24.367187 37.863281-56.761719 37.863281-91.21875s-13.449219-66.851562-37.863281-91.21875c-6.039063-6.03125-6.050781-15.8125-.019531-21.855469 6.03125-6.039062 15.8125-6.050781 21.851562-.019531 30.265625 30.207031 46.9375 70.371094 46.933594 113.09375 0 42.722657-16.667969 82.890625-46.933594 113.097657-3.015625 3.007812-6.964844 4.511718-10.914062 4.511718zm0 0" /> |
| 193 |
<path |
| 194 |
d="m172.371094 189.726562c-3.949219 0-7.898438-1.503906-10.917969-4.515624-18.089844-18.054688-28.050781-42.0625-28.050781-67.597657 0-25.539062 9.960937-49.542969 28.050781-67.597656 6.039063-6.03125 15.824219-6.023437 21.851563.019531 6.03125 6.039063 6.019531 15.824219-.019532 21.855469-12.238281 12.214844-18.976562 28.453125-18.976562 45.722656s6.738281 33.507813 18.976562 45.722657c6.039063 6.027343 6.050782 15.8125.019532 21.851562-3.015626 3.023438-6.976563 4.539062-10.933594 4.539062zm0 0" /> |
| 195 |
<path |
| 196 |
d="m137.417969 235.222656c-3.953125 0-7.902344-1.503906-10.917969-4.515625-30.265625-30.207031-46.933594-70.371093-46.933594-113.09375 0-42.726562 16.667969-82.890625 46.933594-113.097656 6.039062-6.027344 15.824219-6.019531 21.851562.023437 6.03125 6.039063 6.019532 15.820313-.019531 21.851563-24.414062 24.367187-37.863281 56.761719-37.863281 91.21875s13.449219 66.855469 37.863281 91.222656c6.039063 6.03125 6.050781 15.8125.019531 21.855469-3.015624 3.023438-6.976562 4.535156-10.933593 4.535156zm0 0" /> |
| 197 |
<path |
| 198 |
d="m443.480469 261.9375h-407.332031c-19.964844 0-36.148438 16.183594-36.148438 36.144531v177.769531c0 19.964844 16.183594 36.148438 36.148438 36.148438h407.328124c19.964844 0 36.148438-16.183594 36.148438-36.148438v-177.769531c0-19.960937-16.183594-36.144531-36.144531-36.144531zm-324.609375 203.683594h-56.933594c-8.53125 0-15.449219-6.917969-15.449219-15.453125v-126.398438c0-8.53125 6.917969-15.453125 15.449219-15.453125 8.535156 0 15.453125 6.917969 15.453125 15.453125v110.945313h41.480469c8.535156 0 15.453125 6.917968 15.453125 15.453125 0 8.535156-6.917969 15.453125-15.453125 15.453125zm63.328125-15.453125c0 8.535156-6.917969 15.453125-15.453125 15.453125s-15.453125-6.917969-15.453125-15.453125v-126.398438c0-8.53125 6.917969-15.453125 15.453125-15.453125s15.453125 6.917969 15.453125 15.453125zm130.015625-121.929688-38.160156 126.394531c-.003907.011719-.007813.023438-.011719.035157-4.144531 14.144531-25.273438 13.796875-29.5625 0-.003907-.011719-.007813-.023438-.011719-.035157l-38.160156-126.394531c-2.464844-8.171875 2.15625-16.792969 10.328125-19.261719 8.164062-2.464843 16.792969 2.15625 19.257812 10.328126l23.367188 77.394531 23.367187-77.394531c2.46875-8.171876 11.089844-12.796876 19.261719-10.328126 8.167969 2.46875 12.792969 11.089844 10.324219 19.261719zm95.066406 35.320313c8.535156 0 15.453125 6.917968 15.453125 15.453125 0 8.53125-6.917969 15.453125-15.453125 15.453125h-43.851562v40.25h52.175781c8.535156 0 15.453125 6.917968 15.453125 15.453125 0 8.535156-6.917969 15.453125-15.453125 15.453125h-67.628907c-8.535156 0-15.453124-6.917969-15.453124-15.453125v-126.398438c0-8.53125 6.917968-15.453125 15.453124-15.453125h69.710938c8.53125 0 15.453125 6.917969 15.453125 15.453125 0 8.535157-6.921875 15.453125-15.453125 15.453125h-54.261719v24.335938zm0 0" /> |
| 199 |
</svg> |
| 200 |
</button> |
| 201 |
</div> |
| 202 |
<div class="visualizerBar"></div> |
| 203 |
<audio id="bRadioAudio" class="bRadioAudio" data-settings='<?php echo wp_json_encode( $settings ) ?>'> |
| 204 |
<source src="<?php echo $finalStreamURL . '?download=false' ?>" /> |
| 205 |
</audio> |
| 206 |
</div> |
| 207 |
</div> |
| 208 |
<?php |
| 209 |
break; |
| 210 |
default: |
| 211 |
echo "<h2> You must choose a radio player type ! </h2>"; |
| 212 |
} |
| 213 |
?> |
| 214 |
</div> |
| 215 |
<?php $output=ob_get_clean(); return $output; ?> |
| 216 |
<?php |
| 217 |
} |
| 218 |
add_shortcode('radio_player','sc_radio_player_cb'); |
