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

This commit is contained in:
2026-01-28 14:56:56 +01:00
parent 4fe1e88220
commit fd1cbc0e60

View File

@@ -1,16 +1,5 @@
<!DOCTYPE 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"
<html
x-data="{
metadata: { status: 'down' },
isTitleOverflow: false
@@ -32,6 +21,18 @@
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
class="track-title"
@@ -44,7 +45,7 @@
}"
></p>
</div>
<audio controls autoplay>
<audio :title="metadata.title" controls autoplay>
<source src="/radio-bullshit" type="audio/mpeg" preload="none" >
Ton navigateur ne supporte pas l'audio HTML5. Pas de Zambla pour toi !
</audio>