86 lines
2.6 KiB
HTML
86 lines
2.6 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="style.css">
|
|
<link rel="stylesheet" href="player.css">
|
|
<title>Ràdios</title>
|
|
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
|
|
</head>
|
|
|
|
<body>
|
|
<h2>Miniweb per escoltar la ràdio</h2>
|
|
<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="icon icon-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="icon icon-so" 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>
|
|
|
|
|
|
<footer>
|
|
Fet amb <i class="icon icon-cor" style="display: inline-block;"></i> per <a href=https://fedi.xaloc.space/xaloc> Xaloc</a>. El codi font i la llicència <a href=https://git.xaloc.space/xaloc/radio/> aquí</a>.
|
|
</footer>
|
|
|
|
<script>
|
|
if (navigator.userAgent.includes("Safari")) {
|
|
window.location = "oldMachine.html";
|
|
|
|
}
|
|
</script>
|
|
<script src='script.js'></script>
|
|
<script src="player.js"></script>
|
|
</body>
|
|
</html>
|