HTML5 // Affichage barre modulation audio et texte en dessous vidéo
Bonjour,
Je souhaiterais afficher une barre de modulation representant le niveau audio de la vidéo présente ainsi qu'affichage un texte en dur en dessous de la vidéo.
Voici ce que j'ai actuellement (je bosse sous emacs) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| <!DOCTYPE html>
<html>
<head>
<title>TEST</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: black;
}
div.contener {
display: inline;
width: auto;
height: auto;
}
.player {
width: 256px;
height: 144px;
border: 3px solid red;
}
</style>
</head>
<body>
<div class="contener"><video class="player" src="https://test.m3u8" muted autoplay/></div>
<div class="contener"><video class="player" src="https://test-1.m3u8" muted autoplay/></div>
<div class="contener"><video class="player" src="https://test-2.m3u8" muted autoplay/></div>
<div class="contener"><video class="player" src="https://test-3.m3u8" muted autoplay/></div>
<div class="contener"><video class="player" src="https://test-4.m3u8" muted autoplay/></div>
</body>
</html> |
Pourriez vous m'indiquer si cela est possible ?
Si oui, comment?
Merci d'avance.
Cordialement,
Jordan
