2020-06-02 00:33:42 +01:00
<!DOCTYPE html>
< html lang = 'ca' >
2020-06-12 22:59:59 +01:00
< head >
< meta charset = "UTF-8" >
< meta name = "author" content = "Xaloc" >
2020-06-13 16:26:51 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
2024-02-28 13:26:42 +00:00
< link rel = "stylesheet" href = "style.css" >
2023-10-02 10:49:28 +01:00
< link rel = "stylesheet" href = "player.css" >
2020-06-12 23:07:39 +01:00
< title > Ràdios< / title >
2020-06-14 16:16:35 +01:00
< link href = "favicon.ico" rel = "shortcut icon" type = "image/x-icon" >
2020-06-12 22:59:59 +01:00
< / head >
< body >
2024-02-28 13:26:42 +00:00
< h2 > Miniweb per escoltar la ràdio< / h2 >
2020-06-12 23:07:39 +01:00
< h3 > Ràdios Lliures i comunitàries< / h3 >
2020-06-12 22:59:59 +01:00
< p >
2023-10-02 10:49:28 +01:00
< 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 >
2020-06-12 22:59:59 +01:00
< / p >
< h3 > CCMA< / h3 >
< p >
2023-10-02 10:49:28 +01:00
< 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 >
2020-06-12 22:59:59 +01:00
< / p >
2020-08-25 20:11:09 +01:00
< h3 > RAC< / h3 >
< p >
2023-10-02 10:49:28 +01:00
< button onClick = 'rac1.play()' > Rac 1< / button >
< button onClick = 'rac105.play()' > Rac 105< / button >
2020-08-25 20:11:09 +01:00
< / p >
2021-01-15 17:03:25 +00:00
< h3 > RNE< / h3 >
< p >
< button onClick = 'rne.show()' > Radio Nacional< / button >
< / p >
2022-04-17 13:45:47 +01:00
< h3 > SER< / h3 >
< p >
< button onClick = 'serCat.show()' > Ser Catalunya< / button >
< / p >
2020-08-25 22:07:05 +01:00
< h3 > France< / h3 >
< p >
2023-10-02 10:49:28 +01:00
< button onClick = 'franceInfo.play()' > France Info< / button >
2020-08-25 22:07:05 +01:00
< / p >
2020-06-12 22:59:59 +01:00
2023-10-02 10:49:28 +01:00
< 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" >
2024-02-28 18:36:23 +00:00
< i class = "icon icon-play" aria-hidden > < / i >
2023-10-02 10:49:28 +01:00
< / 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" >
2024-02-28 18:36:23 +00:00
< i class = "icon icon-so" aria-hidden > < / i >
2023-10-02 10:49:28 +01:00
< / 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 >
2024-02-28 13:26:42 +00:00
< footer >
2024-02-28 18:36:23 +00:00
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 > .
2024-02-28 13:28:50 +00:00
< / footer >
2020-06-12 22:59:59 +01:00
2023-12-26 17:19:07 +00:00
< script >
2023-12-26 17:34:13 +00:00
if (navigator.userAgent.includes("Safari")) {
2023-12-26 17:19:07 +00:00
window.location = "oldMachine.html";
}
< / script >
2020-06-12 22:59:59 +01:00
< script src = 'script.js' > < / script >
2023-10-02 10:49:28 +01:00
< script src = "player.js" > < / script >
2020-06-12 22:59:59 +01:00
< / body >
2020-06-02 00:33:42 +01:00
< / html >
