<!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>