klmp200/radio-bullshit
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Add music title to html title and as a tooltip for audio player
All checks were successful
ci / deploy (push) Successful in 3m53s
Details

Browse Source
This commit is contained in:
Antoine Bartuccio
2026-01-28 14:56:56 +01:00
parent 4fe1e88220
commit fd1cbc0e60
1 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
www/index.html
View File

@@ -1,16 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html
<head>
<script defer src="/static/alpine.min.js"></script>
<meta charset="utf-8">
<title>Radio bullshit, la radio du paradis !</title>
<link rel="stylesheet" type="text/css" href="/static/style.css">
<link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
</head>
<body>
<div
class="radio-container"
x-data="{ x-data="{
metadata: { status: 'down' }, metadata: { status: 'down' },
isTitleOverflow: false isTitleOverflow: false
@@ -32,6 +21,18 @@
isTitleOverflow = $refs.scrollTitle.offsetWidth < $refs.scrollTitle.scrollWidth isTitleOverflow = $refs.scrollTitle.offsetWidth < $refs.scrollTitle.scrollWidth
}) })
" "
>
<head>
<script defer src="/static/alpine.min.js"></script>
<meta charset="utf-8">
<title x-text="'Radio bullshit, la radio du paradis ! Now playing: ' + metadata.title"></title>
<link rel="stylesheet" type="text/css" href="/static/style.css">
<link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
</head>
<body>
<div
class="radio-container"
> >
<div <div
class="track-title" class="track-title"
@@ -44,7 +45,7 @@
}" }"
></p> ></p>
</div> </div>
<audio controls autoplay> <audio :title="metadata.title" controls autoplay>
<source src="/radio-bullshit" type="audio/mpeg" preload="none" > <source src="/radio-bullshit" type="audio/mpeg" preload="none" >
Ton navigateur ne supporte pas l'audio HTML5. Pas de Zambla pour toi ! Ton navigateur ne supporte pas l'audio HTML5. Pas de Zambla pour toi !
</audio> </audio>