|
|
@ -3,7 +3,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<head> |
|
|
|
<head> |
|
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
|
|
<link rel="stylesheet" type="text/css" href="/css/style1.css"> |
|
|
|
<link rel="stylesheet" type="text/css" href="/css/style1.css"> |
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"> |
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"> |
|
|
|
<title>My Test Radio</title> |
|
|
|
<title>My Test Radio</title> |
|
|
|
<script |
|
|
|
<script |
|
|
@ -11,26 +11,19 @@ |
|
|
|
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" |
|
|
|
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" |
|
|
|
crossorigin="anonymous"> |
|
|
|
crossorigin="anonymous"> |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
$( function() { |
|
|
|
|
|
|
|
$( "#slider" ).slider(); |
|
|
|
|
|
|
|
} ); |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head> |
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
<body> |
|
|
|
<h1>Just Radio</h1> |
|
|
|
<h1>Just Radio</h1> |
|
|
|
|
|
|
|
|
|
|
|
<div id="song"> |
|
|
|
<div id="song"> |
|
|
|
now playing: |
|
|
|
now playing: |
|
|
|
|
|
|
|
|
|
|
|
<br> |
|
|
|
<br> |
|
|
|
|
|
|
|
|
|
|
|
<div id="title">title</div> |
|
|
|
<div id="title">title</div> |
|
|
|
|
|
|
|
|
|
|
|
<br> |
|
|
|
<br> |
|
|
|
|
|
|
|
|
|
|
|
<div class="btn-wrap"> |
|
|
|
<div class="btn-wrap"> |
|
|
@ -41,22 +34,20 @@ |
|
|
|
<button id="pause" class="btn"> |
|
|
|
<button id="pause" class="btn"> |
|
|
|
<i class="fas fa-pause-circle"></i> |
|
|
|
<i class="fas fa-pause-circle"></i> |
|
|
|
Pause |
|
|
|
Pause |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<br> |
|
|
|
<br> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
<div> |
|
|
|
vol: |
|
|
|
vol: |
|
|
|
<br> |
|
|
|
<br> |
|
|
|
<input id="volume" type="range" min="0" max="20" value="5" /> |
|
|
|
<input id="volume" type="range" min="0" max="20" value="5" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<span id="duration"></span> |
|
|
|
<span id="duration"></span> |
|
|
|
<br> |
|
|
|
<br> |
|
|
|
|
|
|
|
|
|
|
|
<div id="slider"></div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<script language="JavaScript"> |
|
|
|
<script language="JavaScript"> |
|
|
@ -85,21 +76,21 @@ |
|
|
|
}, false); |
|
|
|
}, false); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<script language="JavaScript"> |
|
|
|
<script language="JavaScript"> |
|
|
|
function show() |
|
|
|
function show() |
|
|
|
{ |
|
|
|
{ |
|
|
|
$.ajax({ |
|
|
|
$.ajax({ |
|
|
|
url: '/trackname.php', |
|
|
|
url: '/trackname.php', |
|
|
|
cache: false, |
|
|
|
cache: false, |
|
|
|
success: function(html){ |
|
|
|
success: function(html){ |
|
|
|
$('#title').html(html); |
|
|
|
$('#title').html(html); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
$(document).ready(function(){ |
|
|
|
$(document).ready(function(){ |
|
|
|
show(); |
|
|
|
show(); |
|
|
|
setInterval('show()',5000); |
|
|
|
setInterval('show()',5000); |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
</body> |
|
|
|
</body> |
|
|
|