Radio FM is to play Internet Radio stations and Podcast. Radio FM allows you to listen to radio and podcasts and enjoy a variety of genres like classical, rock, pop, instrumental, hip-hop, gospel, songs, music, talks, news, comedy, shows, concerts and other variety of programs made available by various Internet Radio Broadcasters across the world.
Just copy the code and paste on your post page or widget. Only one Radio Fm script is running per page or per widget.
If you want any other FM Radio Script please mail me.
Radio City 91.1 FM
Radio City 91.1 is the first India's national private fm radio stations. It broadcasts in most of 40 cities on 91.1 FM and has 69 millions radio listeners. Radio Network was founded 3 July 2001 in Bangalore. Listen to the mix of Hindi and Regional music on the air 24/7.
Language: Hindi.
Genre: news, talk, pop.
First air date: 3 July 2001
Bitrate: 96 Kbps
Frequency: 91.1 FM
Country: India, Maharashtra, Mumbai
Genre: news, talk, pop.
First air date: 3 July 2001
Bitrate: 96 Kbps
Frequency: 91.1 FM
Country: India, Maharashtra, Mumbai
Radio City 91.1 FM Script
<div class="box">
<img align="left" alt="91.1 FM Radio City" height="80" src="https://mytunein.com/images/logos/radiocity911fm.jpg" width="80" />
<style>
.pleer-new {
background:#f0ece4;
border-radius:12px;
display: inline-block;
margin-left:-15px;
margin-top:00px;
}
.playerJs-volume {
vertical-align: top;
margin-top: 38px;
}
#pause {
display:none;
}
#load {
display:none;
}
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0px;
}
.playerJs-volume::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 10px; /* Set a specific slider handle width */
height: 10px; /* Slider handle height */
border-radius:50%;
background: #ffffff; /* Green background */
cursor: pointer; /* Cursor on hover */
}
#volumeMute {
color: #afe9f8;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeUp {
color: #35687f;
display: inline-block;
vertical-align: top;
margin-top: 20px;
}
#volumeOff {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeDown {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
@media (max-width: 100px) {
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0;
display:none;
}
}
.item-post .post-body img {
margin-left: -20px;
}
.box{
font-family:tahoma;
box-sizing: border-box;
margin:0px auto 0;
width:330px;
text-align: center;
background: #ebebeb;
padding: 26px;
border-radius: 15px;
margin-top: 10px;
}
</style>
<div class="pleer-new">
<svg class="button-play" height="60px" id="play" style="animation-play-state: paused; background-attachment: initial; background-clip: initial; background-color: #f0ece4; background-image: initial; background-origin: initial; background-position-x: initial; background-position-y: initial; background-repeat-x: initial; background-repeat-y: initial; background-size: initial; background: rgb(240, 236, 228); height: 80px; width: 80px;" version="1.1" viewbox="0 0 100 100" width="60px" x="0" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0"><g class="ldl-scale" style="animation-play-state: paused; transform-origin: 50% 50%; transform: rotate(0deg) scale(1, 1);"><circle cx="50" cy="50" fill="#fff" r="37" stroke-miterlimit="10" stroke-width="8" stroke="#333" style="animation-play-state: paused; fill: rgb(240, 236, 228); stroke: rgb(64, 62, 64);"></circle>
<path d="M73.265 51.254l-35.594 20.55A1.447 1.447 0 0 1 35.5 70.55v-41.1a1.448 1.448 0 0 1 2.171-1.254l35.594 20.55c.965.558.965 1.95 0 2.508z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<metadata style="animation-play-state: paused;" xmlns:d="https://loading.io/stock/"><d:name style="animation-play-state: paused;"></d:name>
<d:tags style="animation-play-state: paused;"></d:tags>
<d:license style="animation-play-state: paused;"></d:license>
<d:slug style="animation-play-state: paused;"></d:slug></metadata></g></svg><svg class="button-pause" height="60px" id="pause" style="animation-play-state: paused; background-attachment: initial; background-clip: initial; background-color: #f0ece4; background-image: initial; background-origin: initial; background-position-x: initial; background-position-y: initial; background-repeat-x: initial; background-repeat-y: initial; background-size: initial; background: rgb(240, 236, 228); height: 80px; width: 80px;" version="1.1" viewbox="0 0 100 100" width="60px" x="0" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0"><g class="ldl-scale" style="animation-play-state: paused; transform-origin: 50% 50%; transform: rotate(0deg) scale(1, 1);"><circle cx="50" cy="50" fill="#fff" r="37" stroke-miterlimit="10" stroke-width="8" stroke="#333" style="animation-play-state: paused; fill: rgb(240, 236, 228); stroke: rgb(64, 62, 64);"></circle>
<path d="M45.39 70H34.841c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205H45.39c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<path d="M65.159 70H54.61c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205h10.549c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<metadata style="animation-play-state: paused;" xmlns:d="https://loading.io/stock/"><d:name style="animation-play-state: paused;"></d:name>
<d:tags style="animation-play-state: paused;"></d:tags>
<d:license style="animation-play-state: paused;"></d:license>
<d:slug style="animation-play-state: paused;"></d:slug></metadata></g></svg><svg class="button-load" height="60px" id="load" style="animation-play-state: paused; background-attachment: initial; background-clip: initial; background-color: #f0ece4; background-image: initial; background-origin: initial; background-position-x: initial; background-position-y: initial; background-repeat-x: initial; background-repeat-y: initial; background-size: initial; background: rgb(240, 236, 228); height: 80px; width: 80px;" version="1.1" viewbox="0 0 100 100" width="60px" x="0" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0"><g class="ldl-scale" style="animation-play-state: paused; transform-origin: 50% 50%; transform: rotate(0deg) scale(0.8, 0.8);"><g style="animation-play-state: paused;"><g style="animation-play-state: paused;"><path d="M50 85c-19.33 0-35-15.67-35-35s15.67-35 35-35a34.832 34.832 0 0 1 17.45 4.654" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" stroke="#333" style="animation-play-state: paused; stroke: rgb(64, 62, 64);"></path>
<g style="animation-play-state: paused;"><path d="M72.598 10.375L59.874 27.408l14.874-2.156z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path></g></g></g>
<g style="animation-play-state: paused;"><g style="animation-play-state: paused;"><path d="M80.396 32.636a34.82 34.82 0 0 1 2.165 4.5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" stroke="#333" style="animation-play-state: paused; stroke: rgb(64, 62, 64);"></path>
<path d="M84.758 45.86c.16 1.358.242 2.739.242 4.14 0 16.074-10.836 29.618-25.602 33.724" fill="none" stroke-dasharray="9.0185,9.0185" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" stroke="#333" style="animation-play-state: paused; stroke: rgb(64, 62, 64);"></path>
<path d="M54.987 84.647A35.206 35.206 0 0 1 50 85" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.5" stroke="#333" style="animation-play-state: paused; stroke: rgb(64, 62, 64);"></path></g></g>
<g style="animation-play-state: paused;"><path d="M60.148 39.82v-5.362H39.852v5.362c0 2.578 1.696 4.853 4.292 6.235 1.554.828 2.482 2.168 2.482 3.601v.687c0 1.434-.929 2.774-2.482 3.601-2.595 1.383-4.292 3.658-4.292 6.235v5.362h20.295V60.18c0-2.578-1.696-4.853-4.292-6.235-1.554-.828-2.482-2.168-2.482-3.601v-.687c0-1.434.929-2.774 2.482-3.601 2.596-1.384 4.293-3.659 4.293-6.236z" fill="#fff" stroke-miterlimit="10" stroke-width="3.5" stroke="#f47e60" style="animation-play-state: paused; fill: rgb(240, 236, 228); stroke: rgb(240, 236, 228);"></path>
<path d="M35.862 34.427h28.276" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3.5" stroke="#f47e60" style="animation-play-state: paused; stroke: rgb(240, 236, 228);"></path>
<path d="M35.862 65.573h28.276" fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3.5" stroke="#f47e60" style="animation-play-state: paused; stroke: rgb(240, 236, 228);"></path></g>
<metadata style="animation-play-state: paused;" xmlns:d="https://loading.io/stock/"><d:name style="animation-play-state: paused;"></d:name>
<d:tags style="animation-play-state: paused;"></d:tags>
<d:license style="animation-play-state: paused;"></d:license>
<d:slug style="animation-play-state: paused;"></d:slug></metadata></g></svg> <svg height="40px" id="volumeMute" style="animation-play-state: paused; background-attachment: initial; background-clip: initial; background-color: #f0ece4; background-image: initial; background-origin: initial; background-position-x: initial; background-position-y: initial; background-repeat-x: initial; background-repeat-y: initial; background-size: initial; background: rgb(240, 236, 228); height: 40px; width: 40px;" version="1.1" viewbox="0 0 100 100" width="40px" x="0" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0"><g class="ldl-scale" style="animation-play-state: paused; transform-origin: 50% 50%; transform: rotate(0deg) scale(1, 1);"><path d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<path d="M85 40l-5-5-10 10-10-10-5 5 10 10-10 10 5 5 10-10 10 10 5-5-10-10z" fill="#b93a38" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<metadata style="animation-play-state: paused;" xmlns:d="https://loading.io/stock/"><d:name style="animation-play-state: paused;"></d:name>
<d:tags style="animation-play-state: paused;"></d:tags>
<d:license style="animation-play-state: paused;"></d:license>
<d:slug style="animation-play-state: paused;"></d:slug></metadata></g></svg> <svg height="40px" id="volumeOff" style="animation-play-state: paused; background-attachment: initial; background-clip: initial; background-color: #f0ece4; background-image: initial; background-origin: initial; background-position-x: initial; background-position-y: initial; background-repeat-x: initial; background-repeat-y: initial; background-size: initial; background: rgb(240, 236, 228); height: 40px; margin-bottom: 15px; width: 40px;" version="1.1" viewbox="0 0 100 100" width="40px" x="0" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0"><g class="ldl-scale" style="animation-play-state: paused; transform-origin: 50% 50%; transform: rotate(0deg) scale(1, 1);"><path d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<metadata style="animation-play-state: paused;" xmlns:d="https://loading.io/stock/"><d:name style="animation-play-state: paused;"></d:name>
<d:tags style="animation-play-state: paused;"></d:tags>
<d:license style="animation-play-state: paused;"></d:license>
<d:slug style="animation-play-state: paused;"></d:slug></metadata></g></svg> <svg height="40px" id="volumeDown" style="animation-play-state: paused; background-attachment: initial; background-clip: initial; background-color: #f0ece4; background-image: initial; background-origin: initial; background-position-x: initial; background-position-y: initial; background-repeat-x: initial; background-repeat-y: initial; background-size: initial; background: rgb(240, 236, 228); height: 40px; margin-bottom: 15px; width: 40px;" version="1.1" viewbox="0 0 100 100" width="40px" x="0" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0"><g class="ldl-scale" style="animation-play-state: paused; transform-origin: 50% 50%; transform: rotate(0deg) scale(1, 1);"><g style="animation-play-state: paused;"><path d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" fill="#f0af6b" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path></g>
<path d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<metadata style="animation-play-state: paused;" xmlns:d="https://loading.io/stock/"><d:name style="animation-play-state: paused;"></d:name>
<d:tags style="animation-play-state: paused;"></d:tags>
<d:license style="animation-play-state: paused;"></d:license>
<d:slug style="animation-play-state: paused;"></d:slug></metadata></g></svg> <svg height="40px" id="volumeUp" style="animation-play-state: paused; background-attachment: initial; background-clip: initial; background-color: #f0ece4; background-image: initial; background-origin: initial; background-position-x: initial; background-position-y: initial; background-repeat-x: initial; background-repeat-y: initial; background-size: initial; background: rgb(240, 236, 228); height: 40px; margin-bottom: 15px; width: 40px;" version="1.1" viewbox="0 0 100 100" width="40px" x="0" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0"><g class="ldl-scale" style="animation-play-state: paused; transform-origin: 50% 50%; transform: rotate(0deg) scale(1, 1);"><g style="animation-play-state: paused;"><path d="M63.4 71.6c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6 5.5-3.2 8.9-9.1 8.9-15.4s-3.4-12.2-8.9-15.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 7.5 4.4 12.2 12.5 12.2 21.2s-4.7 16.8-12.2 21.2c-.5.4-1.1.5-1.7.5z" fill="#a8b980" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path></g>
<g style="animation-play-state: paused;"><path d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" fill="#f0af6b" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path></g>
<path d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" fill="#333" style="animation-play-state: paused; fill: rgb(64, 62, 64);"></path>
<metadata style="animation-play-state: paused;" xmlns:d="https://loading.io/stock/"><d:name style="animation-play-state: paused;"></d:name>
<d:tags style="animation-play-state: paused;"></d:tags>
<d:license style="animation-play-state: paused;"></d:license>
<d:slug style="animation-play-state: paused;"></d:slug></metadata></g></svg>
<input class="playerJs-volume" id="volume_value" max="1" type="range" value="0.8" />
</div>
<script>
var FILE = "https://stream.zeno.fm/cwhuuebvyc9uv";
if(FILE.includes('m3u8')){
console.log('m3u8')
var aud = new Audio();
console.log('m3u8');
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
});
if(FILE.includes('vobook')){
console.log('m3u8 + vobook')
aud.crossOrigin = 'crossorigin'
}
}else if(FILE.includes('vobook')){
console.log('vobook')
var aud = new Audio(FILE);
aud.crossOrigin = 'crossorigin'
}else{
console.log('clean')
var aud = new Audio(FILE);
}
var volumes = document.querySelector('#volume_value');
var value_volume = volumes.attributes[5].value;
aud.volume = value_volume;
val = aud.volume*100;
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
console.log(aud);
aud.play();
function updateValue(e) {
aud.volume = e.target.value;
val = aud.volume*100;
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
mute[0].style.display = 'none';
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
if( aud.volume > 0.5) {
up[0].style.display = 'inline-block';
down[0].style.display = 'none';
off[0].style.display = 'none';
}else if( aud.volume > 0) {
down[0].style.display = 'inline-block';
up[0].style.display = 'none';
off[0].style.display = 'none';
}else {
off[0].style.display = 'inline-block';
down[0].style.display = 'none';
up[0].style.display = 'none';
}
}
volumes.addEventListener('input', updateValue);
play.addEventListener("click", function() {
if(FILE.includes('vobook.ru')){
aud.crossOrigin = 'crossorigin'
} else {
}
if( /m3u8$/.test(FILE) && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
aud.play();
});
} else {
aud.src = FILE;
aud.play();
}
});
volumeUp.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
up[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeDown.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var down = document.querySelectorAll('#volumeDown');
down[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeOff.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var off = document.querySelectorAll('#volumeOff');
off[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeMute.addEventListener("click", function() {
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
var volumes = document.querySelector('#volume_value');
console.log(volumes.value);
mute[0].style.display = 'none';
if(volumes.value > 0.5) {
up[0].style.display = 'inline-block';
}else if(volumes.value > 0) {
down[0].style.display = 'inline-block';
}else {
off[0].style.display = 'inline-block';
}
});
pause.addEventListener("click", function() {
aud.pause();
});
aud.addEventListener("play", event => {
console.log('play');
console.log('is_play');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
plays[0].style.display = 'none';
load[0].style.display = 'inline-block';
});
aud.addEventListener("canplay", event => {
console.log('canplay');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
var pause = document.querySelectorAll('.button-pause');
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!');
plays[0].style.display = 'none';
load[0].style.display = 'none';
pause[0].style.display = 'inline-block';
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason.message);
});
}
});
aud.addEventListener("error", event => {
console.log('error');
});
aud.addEventListener("suspend", event => {
console.log('suspend');
});
aud.addEventListener("ended", event => {
console.log('ended');
});
aud.addEventListener("pause", event => {
console.log('pause');
var plays = document.querySelectorAll('.button-play');
var pause = document.querySelectorAll('.button-pause');
pause[0].style.display = 'none';
plays[0].style.display = 'inline-block';
});
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!')
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason);
});
}
</script>
</div>
Suryan FM 93.5
Suryan FM 93.5 is a private radio station owned by the Indian media conglomerate Sun Group. Listen online to the best Tamil songs and hits of Bollywood, as well as various entertainment programs that will tell you about the Tamil traditions and culture of the people.
Language: Tamil, English.
Genre: pop, folk, classic.
First air date: 2012
Frequency: 93.5 FM
Country: India, Tamil Nadu, Chennai
Suryan FM 93.5 Script
<div class="box">
<img align="left" height="80" src="https://i.ibb.co/rfV6ZmK/ms-icon-310x310.png" width="80" />
<style>
.pleer-new {
background:#f0ece4;
border-radius:12px;
display: inline-block;
margin-left:-15px;
margin-top:00px;
}
.playerJs-volume {
vertical-align: top;
margin-top: 38px;
}
#pause {
display:none;
}
#load {
display:none;
}
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0px;
}
.playerJs-volume::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 10px; /* Set a specific slider handle width */
height: 10px; /* Slider handle height */
border-radius:50%;
background: #ffffff; /* Green background */
cursor: pointer; /* Cursor on hover */
}
#volumeMute {
color: #afe9f8;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeUp {
color: #35687f;
display: inline-block;
vertical-align: top;
margin-top: 20px;
}
#volumeOff {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeDown {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
@media (max-width: 100px) {
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0;
display:none;
}
}
.item-post .post-body img {
margin-left: -20px;
}
.box{
font-family:tahoma;
box-sizing: border-box;
margin:0px auto 0;
width:330px;
text-align: center;
background: #ebebeb;
padding: 26px;
border-radius: 15px;
margin-top: 10px;
}
</style>
<div class="pleer-new">
<svg xml:space="preserve" viewbox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="play" class="button-play" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M73.265 51.254l-35.594 20.55A1.447 1.447 0 0 1 35.5 70.55v-41.1a1.448 1.448 0 0 1 2.171-1.254l35.594 20.55c.965.558.965 1.95 0 2.508z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" id="pause" class="button-pause" viewbox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M45.39 70H34.841c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205H45.39c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path fill="#333" d="M65.159 70H54.61c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205h10.549c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" viewbox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="load" class="button-load" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(0.8, 0.8);animation-play-state:paused" ><g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M50 85c-19.33 0-35-15.67-35-35s15.67-35 35-35a34.832 34.832 0 0 1 17.45 4.654" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<g style="animation-play-state:paused" ><path d="M72.598 10.375L59.874 27.408l14.874-2.156z" fill="#333" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g></g>
<g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M80.396 32.636a34.82 34.82 0 0 1 2.165 4.5" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-dasharray="9.0185,9.0185" stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M84.758 45.86c.16 1.358.242 2.739.242 4.14 0 16.074-10.836 29.618-25.602 33.724" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M54.987 84.647A35.206 35.206 0 0 1 50 85" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g>
<g style="animation-play-state:paused" ><path stroke-miterlimit="10" stroke-width="3.5" stroke="#f47e60" fill="#fff" d="M60.148 39.82v-5.362H39.852v5.362c0 2.578 1.696 4.853 4.292 6.235 1.554.828 2.482 2.168 2.482 3.601v.687c0 1.434-.929 2.774-2.482 3.601-2.595 1.383-4.292 3.658-4.292 6.235v5.362h20.295V60.18c0-2.578-1.696-4.853-4.292-6.235-1.554-.828-2.482-2.168-2.482-3.601v-.687c0-1.434.929-2.774 2.482-3.601 2.596-1.384 4.293-3.659 4.293-6.236z" style="stroke:rgb(240, 236, 228);fill:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 34.427h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 65.573h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path></g>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewbox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeMute" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path d="M85 40l-5-5-10 10-10-10-5 5 10 10-10 10 5 5 10-10 10 10 5-5-10-10z" fill="#b93a38" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewbox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeOff" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-bottom: 15px;width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewbox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeDown" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewbox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeUp" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#a8b980" d="M63.4 71.6c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6 5.5-3.2 8.9-9.1 8.9-15.4s-3.4-12.2-8.9-15.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 7.5 4.4 12.2 12.5 12.2 21.2s-4.7 16.8-12.2 21.2c-.5.4-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg>
<input class="playerJs-volume" id="volume_value" type="range" min="0" max="1" value="0.8" step="0.1" />
<script>
var FILE = "https://tamil.crabdance.com:8002/2";
if(FILE.includes('m3u8')){
console.log('m3u8')
var aud = new Audio();
console.log('m3u8');
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
});
if(FILE.includes('vobook')){
console.log('m3u8 + vobook')
aud.crossOrigin = 'crossorigin'
}
}else if(FILE.includes('vobook')){
console.log('vobook')
var aud = new Audio(FILE);
aud.crossOrigin = 'crossorigin'
}else{
console.log('clean')
var aud = new Audio(FILE);
}
var volumes = document.querySelector('#volume_value');
var value_volume = volumes.attributes[5].value;
aud.volume = value_volume;
val = aud.volume*100;
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
console.log(aud);
aud.play();
function updateValue(e) {
aud.volume = e.target.value;
val = aud.volume*100;
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
mute[0].style.display = 'none';
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
if( aud.volume > 0.5) {
up[0].style.display = 'inline-block';
down[0].style.display = 'none';
off[0].style.display = 'none';
}else if( aud.volume > 0) {
down[0].style.display = 'inline-block';
up[0].style.display = 'none';
off[0].style.display = 'none';
}else {
off[0].style.display = 'inline-block';
down[0].style.display = 'none';
up[0].style.display = 'none';
}
}
volumes.addEventListener('input', updateValue);
play.addEventListener("click", function() {
if(FILE.includes('vobook.ru')){
aud.crossOrigin = 'crossorigin'
} else {
}
if( /m3u8$/.test(FILE) && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
aud.play();
});
} else {
aud.src = FILE;
aud.play();
}
});
volumeUp.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
up[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeDown.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var down = document.querySelectorAll('#volumeDown');
down[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeOff.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var off = document.querySelectorAll('#volumeOff');
off[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeMute.addEventListener("click", function() {
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
var volumes = document.querySelector('#volume_value');
console.log(volumes.value);
mute[0].style.display = 'none';
if(volumes.value > 0.5) {
up[0].style.display = 'inline-block';
}else if(volumes.value > 0) {
down[0].style.display = 'inline-block';
}else {
off[0].style.display = 'inline-block';
}
});
pause.addEventListener("click", function() {
aud.pause();
});
aud.addEventListener("play", event => {
console.log('play');
console.log('is_play');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
plays[0].style.display = 'none';
load[0].style.display = 'inline-block';
});
aud.addEventListener("canplay", event => {
console.log('canplay');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
var pause = document.querySelectorAll('.button-pause');
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!');
plays[0].style.display = 'none';
load[0].style.display = 'none';
pause[0].style.display = 'inline-block';
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason);
});
}
});
aud.addEventListener("error", event => {
console.log('error');
});
aud.addEventListener("suspend", event => {
console.log('suspend');
});
aud.addEventListener("ended", event => {
console.log('ended');
});
aud.addEventListener("pause", event => {
console.log('pause');
var plays = document.querySelectorAll('.button-play');
var pause = document.querySelectorAll('.button-pause');
pause[0].style.display = 'none';
plays[0].style.display = 'inline-block';
});
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!')
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason);
});
}
</script></div></div>
.png "bee fm")
BEE FM Online Radio Station is the latest music radio platform in Sri Lanka launched on October 7, 2019. This radio channel has already become one of the most popular music channels among the youth of Sri Lanka.
Language: Sinhalese.
Genre: pop.
Country: Sri Lanka, Colombo
BEE FM Script
<div class="content">
<div class="container">
<ul itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumb"><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="/"><span itemprop="name">Radio</span><meta itemprop="position" content="0"></a></li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">Bee Fm</span><meta itemprop="position" content="2"></li></ul>
<h1 id="radio-pagetitle">Bee Fm</h1>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mar">
<div class="logo_player">
<div class="logotip_new">
<img itemprop="image" src="https://onlineradiofm.in/assets/image/radio/180/beefm.png" alt="Bee Fm" class="imglogo_new" ><br />
</div>
<div class="pleer_new" >
<style>
.pleer-new {
background:#f0ece4;
border-radius:12px;
display: inline-block;
}
.playerJs-volume {
vertical-align: top;
margin-top: 38px;
}
#pause {
display:none;
}
#load {
display:none;
}
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0px;
}
.playerJs-volume::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 10px; /* Set a specific slider handle width */
height: 10px; /* Slider handle height */
border-radius:50%;
background: #ffffff; /* Green background */
cursor: pointer; /* Cursor on hover */
}
#volumeMute {
color: #afe9f8;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeUp {
color: #35687f;
display: inline-block;
vertical-align: top;
margin-top: 20px;
}
#volumeOff {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeDown {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
@media (max-width: 767px) {
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0;
display:none;
}
}
</style>
<div class="pleer-new">
<svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="play" class="button-play" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M73.265 51.254l-35.594 20.55A1.447 1.447 0 0 1 35.5 70.55v-41.1a1.448 1.448 0 0 1 2.171-1.254l35.594 20.55c.965.558.965 1.95 0 2.508z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" id="pause" class="button-pause" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M45.39 70H34.841c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205H45.39c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path fill="#333" d="M65.159 70H54.61c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205h10.549c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="load" class="button-load" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(0.8, 0.8);animation-play-state:paused" ><g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M50 85c-19.33 0-35-15.67-35-35s15.67-35 35-35a34.832 34.832 0 0 1 17.45 4.654" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<g style="animation-play-state:paused" ><path d="M72.598 10.375L59.874 27.408l14.874-2.156z" fill="#333" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g></g>
<g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M80.396 32.636a34.82 34.82 0 0 1 2.165 4.5" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-dasharray="9.0185,9.0185" stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M84.758 45.86c.16 1.358.242 2.739.242 4.14 0 16.074-10.836 29.618-25.602 33.724" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M54.987 84.647A35.206 35.206 0 0 1 50 85" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g>
<g style="animation-play-state:paused" ><path stroke-miterlimit="10" stroke-width="3.5" stroke="#f47e60" fill="#fff" d="M60.148 39.82v-5.362H39.852v5.362c0 2.578 1.696 4.853 4.292 6.235 1.554.828 2.482 2.168 2.482 3.601v.687c0 1.434-.929 2.774-2.482 3.601-2.595 1.383-4.292 3.658-4.292 6.235v5.362h20.295V60.18c0-2.578-1.696-4.853-4.292-6.235-1.554-.828-2.482-2.168-2.482-3.601v-.687c0-1.434.929-2.774 2.482-3.601 2.596-1.384 4.293-3.659 4.293-6.236z" style="stroke:rgb(240, 236, 228);fill:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 34.427h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 65.573h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path></g>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeMute" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path d="M85 40l-5-5-10 10-10-10-5 5 10 10-10 10 5 5 10-10 10 10 5-5-10-10z" fill="#b93a38" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeOff" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-bottom: 15px;width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeDown" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeUp" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#a8b980" d="M63.4 71.6c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6 5.5-3.2 8.9-9.1 8.9-15.4s-3.4-12.2-8.9-15.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 7.5 4.4 12.2 12.5 12.2 21.2s-4.7 16.8-12.2 21.2c-.5.4-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg>
<input class="playerJs-volume" id="volume_value" type="range" min="0" max="1" value="0.8" step="0.1" />
</div>
<script>
var FILE = "https://stream.zeno.fm/b5z4bwe91rhvv";
if(FILE.includes('m3u8')){
console.log('m3u8')
var aud = new Audio();
console.log('m3u8');
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
});
if(FILE.includes('vobook')){
console.log('m3u8 + vobook')
aud.crossOrigin = 'crossorigin'
}
}else if(FILE.includes('vobook')){
console.log('vobook')
var aud = new Audio(FILE);
aud.crossOrigin = 'crossorigin'
}else{
console.log('clean')
var aud = new Audio(FILE);
}
var volumes = document.querySelector('#volume_value');
var value_volume = volumes.attributes[5].value;
aud.volume = value_volume;
val = aud.volume*100;
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
console.log(aud);
aud.play();
function updateValue(e) {
aud.volume = e.target.value;
val = aud.volume*100;
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
mute[0].style.display = 'none';
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
if( aud.volume > 0.5) {
up[0].style.display = 'inline-block';
down[0].style.display = 'none';
off[0].style.display = 'none';
}else if( aud.volume > 0) {
down[0].style.display = 'inline-block';
up[0].style.display = 'none';
off[0].style.display = 'none';
}else {
off[0].style.display = 'inline-block';
down[0].style.display = 'none';
up[0].style.display = 'none';
}
}
volumes.addEventListener('input', updateValue);
play.addEventListener("click", function() {
if(FILE.includes('vobook.ru')){
aud.crossOrigin = 'crossorigin'
} else {
}
if( /m3u8$/.test(FILE) && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
aud.play();
});
} else {
aud.src = FILE;
aud.play();
}
});
volumeUp.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
up[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeDown.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var down = document.querySelectorAll('#volumeDown');
down[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeOff.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var off = document.querySelectorAll('#volumeOff');
off[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeMute.addEventListener("click", function() {
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
var volumes = document.querySelector('#volume_value');
console.log(volumes.value);
mute[0].style.display = 'none';
if(volumes.value > 0.5) {
up[0].style.display = 'inline-block';
}else if(volumes.value > 0) {
down[0].style.display = 'inline-block';
}else {
off[0].style.display = 'inline-block';
}
});
pause.addEventListener("click", function() {
aud.pause();
});
aud.addEventListener("play", event => {
console.log('play');
console.log('is_play');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
plays[0].style.display = 'none';
load[0].style.display = 'inline-block';
});
aud.addEventListener("canplay", event => {
console.log('canplay');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
var pause = document.querySelectorAll('.button-pause');
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!');
plays[0].style.display = 'none';
load[0].style.display = 'none';
pause[0].style.display = 'inline-block';
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason.message);
});
}
});
aud.addEventListener("error", event => {
console.log('error');
});
aud.addEventListener("suspend", event => {
console.log('suspend');
});
aud.addEventListener("ended", event => {
console.log('ended');
});
aud.addEventListener("pause", event => {
console.log('pause');
var plays = document.querySelectorAll('.button-play');
var pause = document.querySelectorAll('.button-pause');
pause[0].style.display = 'none';
plays[0].style.display = 'inline-block';
});
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!')
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason);
});
}
</script>
Karaikal FM 100.3
All India Radio Air Karaikal is an online station from Karaikal (India). Listen to news and classic content in quality 64 Kbps in free live streaming.
Hours Running:
Monday 5:45am–11:15pm
Tuesday 5:45am–11:15pm
Wednesday 5:45am–11:15pm
Thursday 5:45am–11:15pm
Friday 5:45am–11:15pm
Saturday 5:45am–11:15pm
Sunday 5:45am–11:15pm
(Diwali) Hours might differ
Language: Tamil, Hindi, English.
Genre: news, classic.
Frequency: 100.3 FM
Country: India, Puducherry , Karaikal
Karaikal FM Script
<div class="box">
<img align="left" src="https://onlineradiofm.in/assets/image/radio/180/air-karaikal.jpg" width="80" height="80" >
<style>
.pleer-new {
background:#f0ece4;
border-radius:12px;
display: inline-block;
margin-left:-15px;
margin-top:00px;
}
.playerJs-volume {
vertical-align: top;
margin-top: 38px;
}
#pause {
display:none;
}
#load {
display:none;
}
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0px;
}
.playerJs-volume::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 10px; /* Set a specific slider handle width */
height: 10px; /* Slider handle height */
border-radius:50%;
background: #ffffff; /* Green background */
cursor: pointer; /* Cursor on hover */
}
#volumeMute {
color: #afe9f8;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeUp {
color: #35687f;
display: inline-block;
vertical-align: top;
margin-top: 20px;
}
#volumeOff {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeDown {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
@media (max-width: 100px) {
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0;
display:none;
}
}
.item-post .post-body img {
margin-left: -20px;
}
.box{
font-family:tahoma;
box-sizing: border-box;
margin:0px auto 0;
width:330px;
text-align: center;
background: #ebebeb;
padding: 26px;
border-radius: 15px;
margin-top: 10px;
}
</style>
<div class="pleer-new">
<svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="play" class="button-play" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M73.265 51.254l-35.594 20.55A1.447 1.447 0 0 1 35.5 70.55v-41.1a1.448 1.448 0 0 1 2.171-1.254l35.594 20.55c.965.558.965 1.95 0 2.508z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" id="pause" class="button-pause" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M45.39 70H34.841c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205H45.39c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path fill="#333" d="M65.159 70H54.61c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205h10.549c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="load" class="button-load" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(0.8, 0.8);animation-play-state:paused" ><g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M50 85c-19.33 0-35-15.67-35-35s15.67-35 35-35a34.832 34.832 0 0 1 17.45 4.654" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<g style="animation-play-state:paused" ><path d="M72.598 10.375L59.874 27.408l14.874-2.156z" fill="#333" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g></g>
<g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M80.396 32.636a34.82 34.82 0 0 1 2.165 4.5" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-dasharray="9.0185,9.0185" stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M84.758 45.86c.16 1.358.242 2.739.242 4.14 0 16.074-10.836 29.618-25.602 33.724" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M54.987 84.647A35.206 35.206 0 0 1 50 85" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g>
<g style="animation-play-state:paused" ><path stroke-miterlimit="10" stroke-width="3.5" stroke="#f47e60" fill="#fff" d="M60.148 39.82v-5.362H39.852v5.362c0 2.578 1.696 4.853 4.292 6.235 1.554.828 2.482 2.168 2.482 3.601v.687c0 1.434-.929 2.774-2.482 3.601-2.595 1.383-4.292 3.658-4.292 6.235v5.362h20.295V60.18c0-2.578-1.696-4.853-4.292-6.235-1.554-.828-2.482-2.168-2.482-3.601v-.687c0-1.434.929-2.774 2.482-3.601 2.596-1.384 4.293-3.659 4.293-6.236z" style="stroke:rgb(240, 236, 228);fill:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 34.427h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 65.573h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path></g>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeMute" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path d="M85 40l-5-5-10 10-10-10-5 5 10 10-10 10 5 5 10-10 10 10 5-5-10-10z" fill="#b93a38" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeOff" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-bottom: 15px;width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeDown" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeUp" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#a8b980" d="M63.4 71.6c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6 5.5-3.2 8.9-9.1 8.9-15.4s-3.4-12.2-8.9-15.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 7.5 4.4 12.2 12.5 12.2 21.2s-4.7 16.8-12.2 21.2c-.5.4-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg>
<input class="playerJs-volume" id="volume_value" type="range" min="0" max="1" value="0.8" step="0.1" />
</div>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script>
var FILE = "https://air.pc.cdn.bitgravity.com/air/live/pbaudio050/playlist.m3u8";
if(FILE.includes('m3u8')){
console.log('m3u8')
var aud = new Audio();
console.log('m3u8');
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
});
if(FILE.includes('vobook')){
console.log('m3u8 + vobook')
aud.crossOrigin = 'crossorigin'
}
}else if(FILE.includes('vobook')){
console.log('vobook')
var aud = new Audio(FILE);
aud.crossOrigin = 'crossorigin'
}else{
console.log('clean')
var aud = new Audio(FILE);
}
var volumes = document.querySelector('#volume_value');
var value_volume = volumes.attributes[5].value;
aud.volume = value_volume;
val = aud.volume*100;
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
console.log(aud);
aud.play();
function updateValue(e) {
aud.volume = e.target.value;
val = aud.volume*100;
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
mute[0].style.display = 'none';
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
if( aud.volume > 0.5) {
up[0].style.display = 'inline-block';
down[0].style.display = 'none';
off[0].style.display = 'none';
}else if( aud.volume > 0) {
down[0].style.display = 'inline-block';
up[0].style.display = 'none';
off[0].style.display = 'none';
}else {
off[0].style.display = 'inline-block';
down[0].style.display = 'none';
up[0].style.display = 'none';
}
}
volumes.addEventListener('input', updateValue);
play.addEventListener("click", function() {
if(FILE.includes('vobook.ru')){
aud.crossOrigin = 'crossorigin'
} else {
}
if( /m3u8$/.test(FILE) && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
aud.play();
});
} else {
aud.src = FILE;
aud.play();
}
});
volumeUp.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
up[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeDown.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var down = document.querySelectorAll('#volumeDown');
down[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeOff.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var off = document.querySelectorAll('#volumeOff');
off[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeMute.addEventListener("click", function() {
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
var volumes = document.querySelector('#volume_value');
console.log(volumes.value);
mute[0].style.display = 'none';
if(volumes.value > 0.5) {
up[0].style.display = 'inline-block';
}else if(volumes.value > 0) {
down[0].style.display = 'inline-block';
}else {
off[0].style.display = 'inline-block';
}
});
pause.addEventListener("click", function() {
aud.pause();
});
aud.addEventListener("play", event => {
console.log('play');
console.log('is_play');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
plays[0].style.display = 'none';
load[0].style.display = 'inline-block';
});
aud.addEventListener("canplay", event => {
console.log('canplay');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
var pause = document.querySelectorAll('.button-pause');
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!');
plays[0].style.display = 'none';
load[0].style.display = 'none';
pause[0].style.display = 'inline-block';
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason);
});
}
});
aud.addEventListener("error", event => {
console.log('error');
});
aud.addEventListener("suspend", event => {
console.log('suspend');
});
aud.addEventListener("ended", event => {
console.log('ended');
});
aud.addEventListener("pause", event => {
console.log('pause');
var plays = document.querySelectorAll('.button-play');
var pause = document.querySelectorAll('.button-pause');
pause[0].style.display = 'none';
plays[0].style.display = 'inline-block';
});
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!')
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason);
});
}
</script> </div>
Big FM is the second largest private radio station in India. It started working in 2006 and already covers all radio listeners in the country. In most cities, the station operates around the clock on the 92.7 frequency. It mostly plays live Bollywood music and country music. The goal set by the founders of this station is to make the world a better place and improve thinking. Abyss, New York Festival, MVs and other shows are very popular.
Language: Hindi.
Genre: Bollywood, pop.
First air date: September 2006
Bitrate: 128 Kbps
Frequency: 92.7 FM
Country: India, Maharashtra, Mumbai
Big FM Script
<div class="box">
<img align="left" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLcYVb_q3Yktnu41zqRL6viXs99d5SByrzp-d4Dc3kU-7bCi4EtykZBMqCBpbe0WmgsBw&usqp=CAU" width="80" height="80" >
<style>
.pleer-new {
background:#f0ece4;
border-radius:12px;
display: inline-block;
margin-left:-15px;
margin-top:00px;
}
.playerJs-volume {
vertical-align: top;
margin-top: 38px;
}
#pause {
display:none;
}
#load {
display:none;
}
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0px;
}
.playerJs-volume::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 10px; /* Set a specific slider handle width */
height: 10px; /* Slider handle height */
border-radius:50%;
background: #ffffff; /* Green background */
cursor: pointer; /* Cursor on hover */
}
#volumeMute {
color: #afe9f8;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeUp {
color: #35687f;
display: inline-block;
vertical-align: top;
margin-top: 20px;
}
#volumeOff {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
#volumeDown {
color: #35687f;
display: none;
vertical-align: top;
margin-top: 20px;
}
@media (max-width: 100px) {
input[type=range] {
appearance: none;
height: 6px;
outline: none;
border: none;
width: 80px;
margin-left: 0;
display:none;
}
}
.item-post .post-body img {
margin-left: -20px;
}
.box{
font-family:tahoma;
box-sizing: border-box;
margin:0px auto 0;
width:330px;
text-align: center;
background: #ebebeb;
padding: 26px;
border-radius: 15px;
margin-top: 10px;
}
</style>
<div class="pleer-new">
<svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="play" class="button-play" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M73.265 51.254l-35.594 20.55A1.447 1.447 0 0 1 35.5 70.55v-41.1a1.448 1.448 0 0 1 2.171-1.254l35.594 20.55c.965.558.965 1.95 0 2.508z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" id="pause" class="button-pause" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><circle stroke="#333" stroke-width="8" fill="#fff" stroke-miterlimit="10" r="37" cy="50" cx="50" style="stroke:rgb(64, 62, 64);fill:rgb(240, 236, 228);animation-play-state:paused" ></circle>
<path fill="#333" d="M45.39 70H34.841c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205H45.39c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path fill="#333" d="M65.159 70H54.61c-.666 0-1.205-.54-1.205-1.205v-37.59c0-.666.54-1.205 1.205-1.205h10.549c.666 0 1.205.54 1.205 1.205v37.59c0 .665-.54 1.205-1.205 1.205z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg><svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="load" class="button-load" version="1.1" width="60px" height="60px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:80px;height:80px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(0.8, 0.8);animation-play-state:paused" ><g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M50 85c-19.33 0-35-15.67-35-35s15.67-35 35-35a34.832 34.832 0 0 1 17.45 4.654" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<g style="animation-play-state:paused" ><path d="M72.598 10.375L59.874 27.408l14.874-2.156z" fill="#333" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g></g>
<g style="animation-play-state:paused" ><g style="animation-play-state:paused" ><path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M80.396 32.636a34.82 34.82 0 0 1 2.165 4.5" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-dasharray="9.0185,9.0185" stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M84.758 45.86c.16 1.358.242 2.739.242 4.14 0 16.074-10.836 29.618-25.602 33.724" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="3.5" stroke="#333" fill="none" d="M54.987 84.647A35.206 35.206 0 0 1 50 85" style="stroke:rgb(64, 62, 64);animation-play-state:paused" ></path></g></g>
<g style="animation-play-state:paused" ><path stroke-miterlimit="10" stroke-width="3.5" stroke="#f47e60" fill="#fff" d="M60.148 39.82v-5.362H39.852v5.362c0 2.578 1.696 4.853 4.292 6.235 1.554.828 2.482 2.168 2.482 3.601v.687c0 1.434-.929 2.774-2.482 3.601-2.595 1.383-4.292 3.658-4.292 6.235v5.362h20.295V60.18c0-2.578-1.696-4.853-4.292-6.235-1.554-.828-2.482-2.168-2.482-3.601v-.687c0-1.434.929-2.774 2.482-3.601 2.596-1.384 4.293-3.659 4.293-6.236z" style="stroke:rgb(240, 236, 228);fill:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 34.427h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path>
<path d="M35.862 65.573h28.276" stroke-miterlimit="10" stroke-linecap="round" stroke-width="3.5" stroke="#f47e60" fill="none" style="stroke:rgb(240, 236, 228);animation-play-state:paused" ></path></g>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeMute" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<path d="M85 40l-5-5-10 10-10-10-5 5 10 10-10 10 5 5 10-10 10 10 5-5-10-10z" fill="#b93a38" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeOff" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-bottom: 15px;width:40px;height:40px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeDown" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg> <svg xml:space="preserve" viewBox="0 0 100 100" y="0" x="0" xmlns="http://www.w3.org/2000/svg" id="volumeUp" version="1.1" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" style="width:40px;height:40px;margin-bottom: 15px;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgb(240, 236, 228);background-clip:initial;background-attachment:initial;animation-play-state:paused" ><g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1, 1);animation-play-state:paused" ><g style="animation-play-state:paused" ><path fill="#a8b980" d="M63.4 71.6c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6 5.5-3.2 8.9-9.1 8.9-15.4s-3.4-12.2-8.9-15.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 7.5 4.4 12.2 12.5 12.2 21.2s-4.7 16.8-12.2 21.2c-.5.4-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<g style="animation-play-state:paused" ><path fill="#f0af6b" d="M57.1 60.7c-1.2 0-2.3-.6-2.9-1.7-.9-1.6-.4-3.7 1.2-4.6C57 53.5 58 51.8 58 50s-1-3.5-2.6-4.4c-1.6-.9-2.2-3-1.2-4.6.9-1.6 3-2.2 4.6-1.2 3.6 2.1 5.9 6 5.9 10.2s-2.3 8.1-5.9 10.2c-.6.3-1.1.5-1.7.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path></g>
<path fill="#333" d="M44.2 24.3L28.7 36.6l-.3.3H11.9c-1.1 0-1.9.9-1.9 1.9v22.3c0 1.1.9 1.9 1.9 1.9h16.4l.3.3 15.5 12.4c1.3 1 3.1.1 3.1-1.5V25.8c.1-1.6-1.7-2.5-3-1.5z" style="fill:rgb(64, 62, 64);animation-play-state:paused" ></path>
<metadata xmlns:d="https://loading.io/stock/" style="animation-play-state:paused" ><d:name style="animation-play-state:paused" ></d:name>
<d:tags style="animation-play-state:paused" ></d:tags>
<d:license style="animation-play-state:paused" ></d:license>
<d:slug style="animation-play-state:paused" ></d:slug></metadata></g></svg>
<input class="playerJs-volume" id="volume_value" type="range" min="0" max="1" value="0.8" step="0.1" />
</div>
<script>
var FILE = "https://stream-14.zeno.fm/r2gn1pgm4qruv?zs=8uo3M7nTREOFZAsdbFEJ-A";
if(FILE.includes('m3u8')){
console.log('m3u8')
var aud = new Audio();
console.log('m3u8');
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
});
if(FILE.includes('vobook')){
console.log('m3u8 + vobook')
aud.crossOrigin = 'crossorigin'
}
}else if(FILE.includes('vobook')){
console.log('vobook')
var aud = new Audio(FILE);
aud.crossOrigin = 'crossorigin'
}else{
console.log('clean')
var aud = new Audio(FILE);
}
var volumes = document.querySelector('#volume_value');
var value_volume = volumes.attributes[5].value;
aud.volume = value_volume;
val = aud.volume*100;
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
console.log(aud);
aud.play();
function updateValue(e) {
aud.volume = e.target.value;
val = aud.volume*100;
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
mute[0].style.display = 'none';
volumes.style.background = '-webkit-linear-gradient(left ,#ffffff 0%,#ffffff '+val+'%,#9e9e9e '+val+'%, #9e9e9e 100%)';
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
if( aud.volume > 0.5) {
up[0].style.display = 'inline-block';
down[0].style.display = 'none';
off[0].style.display = 'none';
}else if( aud.volume > 0) {
down[0].style.display = 'inline-block';
up[0].style.display = 'none';
off[0].style.display = 'none';
}else {
off[0].style.display = 'inline-block';
down[0].style.display = 'none';
up[0].style.display = 'none';
}
}
volumes.addEventListener('input', updateValue);
play.addEventListener("click", function() {
if(FILE.includes('vobook.ru')){
aud.crossOrigin = 'crossorigin'
} else {
}
if( /m3u8$/.test(FILE) && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(FILE);
hls.attachMedia(aud);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
aud.play();
});
} else {
aud.src = FILE;
aud.play();
}
});
volumeUp.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
up[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeDown.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var down = document.querySelectorAll('#volumeDown');
down[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeOff.addEventListener("click", function() {
aud.muted = true;
var mute = document.querySelectorAll('#volumeMute');
var off = document.querySelectorAll('#volumeOff');
off[0].style.display = 'none';
mute[0].style.display = 'inline-block';
});
volumeMute.addEventListener("click", function() {
aud.muted = false;
var mute = document.querySelectorAll('#volumeMute');
var up = document.querySelectorAll('#volumeUp');
var down = document.querySelectorAll('#volumeDown');
var off = document.querySelectorAll('#volumeOff');
var volumes = document.querySelector('#volume_value');
console.log(volumes.value);
mute[0].style.display = 'none';
if(volumes.value > 0.5) {
up[0].style.display = 'inline-block';
}else if(volumes.value > 0) {
down[0].style.display = 'inline-block';
}else {
off[0].style.display = 'inline-block';
}
});
pause.addEventListener("click", function() {
aud.pause();
});
aud.addEventListener("play", event => {
console.log('play');
console.log('is_play');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
plays[0].style.display = 'none';
load[0].style.display = 'inline-block';
});
aud.addEventListener("canplay", event => {
console.log('canplay');
var plays = document.querySelectorAll('.button-play');
var load = document.querySelectorAll('.button-load');
var pause = document.querySelectorAll('.button-pause');
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!');
plays[0].style.display = 'none';
load[0].style.display = 'none';
pause[0].style.display = 'inline-block';
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason.message);
});
}
});
aud.addEventListener("error", event => {
console.log('error');
});
aud.addEventListener("suspend", event => {
console.log('suspend');
});
aud.addEventListener("ended", event => {
console.log('ended');
});
aud.addEventListener("pause", event => {
console.log('pause');
var plays = document.querySelectorAll('.button-play');
var pause = document.querySelectorAll('.button-pause');
pause[0].style.display = 'none';
plays[0].style.display = 'inline-block';
});
var promise = aud.play();
if (promise !== undefined) {
promise.then(_ => {
console.log('Autoplay started!!!!!!!!!!')
}).catch(function(reason) {
console.log('Autoplay was prevented.!!!!!!!!!');
console.log(reason);
});
}
</script> </div>