HTML5 // Affichage barre modulation audio et texte en dessous vidéo

**JordanAlt** · 06/02/2019, 12h40

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Doksuri** · 06/02/2019, 13h37

salut, merci d'utiliser la balise [code] # la prochaine fois

sinon, tu n'as pas d'attribut controls developer.mozilla.org/fr/docs/Web/HTML/Element/Video

**JordanAlt** · 06/02/2019, 13h50

C'est modifié pour la balise !

l'attribut control est vraiment necessaire ?

**Doksuri** · 06/02/2019, 14h29

Envoyé par JordanAlt

l'attribut control est vraiment necessaire ?

je ne sais pas, t'as envis d'avoir les controls ?

Si l'attribut controls n'est pas indiqué, la vidéo n'incluera pas les contrôles par défaut du navigateurs et il est nécessaire de fournir ses propres contrôles en utilisant JavaScript

**JordanAlt** · 06/02/2019, 14h52

Pas spécialement.

Mon but premier est de savoir visuellement si y a de l'audio ou pas (d'où l'idée de la barre de modulation)
Mon second but est de pouvoir mettre du texte en dessous de la vignette vidéo.

HTML5 // Affichage barre modulation audio et texte en dessous vidéo

HTML

Vue hybride

Discussions similaires

Partager

Partager