76 lines
2.4 KiB
HTML
76 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='ca'>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="author" content="Xaloc">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
|
|
<link rel="stylesheet" href="player.css">
|
|
<title>Ràdios</title>
|
|
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
|
|
</head>
|
|
|
|
<body>
|
|
<h3>Ràdios Lliures i comunitàries</h3>
|
|
<p>
|
|
<button onClick='vallekas.show()'>Radio Vallekas</button>
|
|
<button onClick='punk.show()'>Punk Irratia</button>
|
|
<button onClick='irola.show()'>Irola Irratia</button>
|
|
<button onClick='almaina.show()'>Radio Almaina</button>
|
|
</p>
|
|
<h3>CCMA</h3>
|
|
<p>
|
|
<button onClick='catRadio.show()'>Catalunya Ràdio</button>
|
|
<button onClick='catInfo.show()'>Catalunya Informació</button>
|
|
<button onClick='iCat.show()'>iCat</button>
|
|
<button onClick='catMusic.show()'>Catalunya Música</button>
|
|
</p>
|
|
<h3>RAC</h3>
|
|
<p>
|
|
<button onClick='rac1.show()'>Rac 1</button>
|
|
<button onClick='rac105.show()'>Rac 105</button>
|
|
</p>
|
|
<h3>RNE</h3>
|
|
<p>
|
|
<button onClick='rne.show()'>Radio Nacional</button>
|
|
</p>
|
|
<h3>SER</h3>
|
|
<p>
|
|
<button onClick='serCat.show()'>Ser Catalunya</button>
|
|
</p>
|
|
<h3>France</h3>
|
|
<p>
|
|
<button onClick='franceInfo.show()'>France Info</button>
|
|
</p>
|
|
|
|
<div class="radio-player">
|
|
<audio src='http://shoutcast.ccma.cat/ccma/catalunyaradioHD.mp3' class="visually-hidden" id="stream">
|
|
</audio>
|
|
<div class="player-controls">
|
|
<button name="play-pause" class="button play-pause-button" aria-label="Play/pause">
|
|
<i class="fas fa-play" aria-hidden></i>
|
|
</button>
|
|
|
|
<div class="volume-and-title">
|
|
<div class="currently-playing" aria-label="Currently playing">
|
|
<span class="currently-playing-title" id="radio-title">Escoltant Catalunya Ràdio</span>
|
|
</div>
|
|
|
|
<div class="volume-controls">
|
|
<button name="mute" class="button mute-button" aria-label="Mute/unmute">
|
|
<i class="fas fa-volume-down" aria-hidden></i>
|
|
</button>
|
|
|
|
<input type="range" name="volume" class="volume" min="0" max="1" step="0.05" value="0.2" aria-label="Volume">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script src='script.js'></script>
|
|
<script src="player.js"></script>
|
|
</body>
|
|
</html>
|