parent
a1bd4295cc
commit
ae80382e28
@ -0,0 +1,125 @@ |
||||
<!DOCTYPE html> |
||||
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr"> |
||||
|
||||
<head> |
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"> |
||||
<link rel="stylesheet" type="text/css" href="/css/style1.css"> |
||||
<title>My Test Radio</title> |
||||
<script |
||||
src="https://code.jquery.com/jquery-3.4.1.js" |
||||
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" |
||||
crossorigin="anonymous"> |
||||
</script> |
||||
|
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="parent"> |
||||
<div id="song"> |
||||
|
||||
<h1>Just Radio</h1> |
||||
|
||||
<div id="myPlay">-</div> |
||||
|
||||
<div id="title">title</div> |
||||
|
||||
<br> |
||||
|
||||
<div class="btn-wrap"> |
||||
<button id="play" class="btn"> |
||||
<i class="fas fa-play-circle"></i> |
||||
Play |
||||
</button> |
||||
<button id="pause" class="btn"> |
||||
<i class="fas fa-pause-circle"></i> |
||||
Pause |
||||
</button> |
||||
</div> |
||||
|
||||
<br> |
||||
|
||||
<div> |
||||
vol: |
||||
<br> |
||||
<input id="volume" type="range" min="0" max="10" value="5" step="0.1" /> |
||||
</div> |
||||
|
||||
<span id="duration"></span> |
||||
<br> |
||||
<br> |
||||
<div id="listeners">title</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<script language="JavaScript"> |
||||
var audio = new Audio('http://stream.santic-zombie.ru'); |
||||
|
||||
var play = document.getElementById('play'); |
||||
play.addEventListener('click', function() { |
||||
$("#myPlay").text("Now playing:"); |
||||
audio.play(); |
||||
}, false); |
||||
|
||||
var pause = document.getElementById('pause'); |
||||
pause.addEventListener('click', function() { |
||||
$("#myPlay").text("Paused"); |
||||
audio.pause(); |
||||
}, false); |
||||
|
||||
audio.addEventListener("timeupdate", function() { |
||||
var duration = document.getElementById('duration'); |
||||
var s = parseInt(audio.currentTime % 60); |
||||
var m = parseInt((audio.currentTime / 60) % 60); |
||||
var h = parseInt((audio.currentTime / 3600) % 60); |
||||
if (s < 10) s = '0' + s; |
||||
if (m < 10) m = '0' + m; |
||||
if (h < 10) h = '0' + h; |
||||
duration.innerHTML = h + ':' + m + ':' + s; |
||||
}, false); |
||||
|
||||
$("#volume").mousemove(function(){ |
||||
audio.volume = parseFloat(this.value / 10); |
||||
}); |
||||
</script> |
||||
|
||||
<script language="JavaScript"> |
||||
function show() |
||||
{ |
||||
$.ajax({ |
||||
url: '/trackname.php', |
||||
cache: false, |
||||
success: function(html){ |
||||
$('#title').html(html); |
||||
} |
||||
}); |
||||
} |
||||
$(document).ready(function(){ |
||||
show(); |
||||
setInterval('show()',5000); |
||||
}); |
||||
</script> |
||||
|
||||
<script language="JavaScript"> |
||||
function show1() |
||||
{ |
||||
$.ajax({ |
||||
url: '/online.php', |
||||
cache: false, |
||||
success: function(html){ |
||||
$('#listeners').html(html); |
||||
} |
||||
}); |
||||
} |
||||
$(document).ready(function(){ |
||||
show1(); |
||||
setInterval('show1()',5000); |
||||
}); |
||||
</script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
Loading…
Reference in new issue