Web radio
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
radio/index.php

83 lines
1.9 KiB

<!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>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.6/jsrender.js"
integrity="sha256-2Mqub/wO44EnER/JI+RrSncU1C4rU9PKK7BaZIn87jI="
crossorigin="anonymous">
</script>
<script src="js/lastfm.api.md5.js" type="text/javascript"></script>
<script src="js/lastfm.api.js" type="text/javascript"></script>
<!--
<script id="lastfmTemplateArtistInfo" type="text/x-jsrender">
<div class="artist_info">
<a href="{{:url}}" rel="nofollow" target="_blank"><b>{{:name}}:</b><img src="{{:image[1]["#text"]}}" alt="{{:name}}" /></a>
</div>
</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>
<br>
<h2>Top artist</h2>
<div class="content-body-inner" id="curr_artist"></div>
</div>
</div>
<script src="js/audio.js" type="text/javascript"></script>
<script src="js/radio.js" type="text/javascript"></script>
<script src="js/info.js" type="text/javascript"></script>
</body>
</html>