Add music title to html title and as a tooltip for audio player
All checks were successful
ci / deploy (push) Successful in 3m53s
All checks were successful
ci / deploy (push) Successful in 3m53s
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user