radio/index.html
2023-10-02 11:49:28 +02:00

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.play()'>Radio Vallekas</button>
<button onClick='punk.play()'>Punk Irratia</button>
<button onClick='irola.play()'>Irola Irratia</button>
<button onClick='almaina.play()'>Radio Almaina</button>
</p>
<h3>CCMA</h3>
<p>
<button onClick='catRadio.play()'>Catalunya Ràdio</button>
<button onClick='catInfo.play()'>Catalunya Informació</button>
<button onClick='iCat.play()'>iCat</button>
<button onClick='catMusic.play()'>Catalunya Música</button>
</p>
<h3>RAC</h3>
<p>
<button onClick='rac1.play()'>Rac 1</button>
<button onClick='rac105.play()'>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.play()'>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>