Sous-titrer une vidéo — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 4)

Sous-titrer une vidéo

Images et médias · niveau 2

Énoncé

Écrire un fichier WebVTT de trois sous-titres pour une vidéo de 6 secondes, puis la balise <video> qui l'utilise, avec une image d'attente. Quelle est la différence entre kind="captions" et kind="subtitles" ?

Corrigé


WEBVTT

00:00:00.000 --> 00:00:02.000
Voici la Librairie du Campus.

00:00:02.000 --> 00:00:04.000
[Bruit de pages qu'on tourne]

00:00:04.000 --> 00:00:06.000
Bonne rentrée à tous !


<video controls width="640" height="360" poster="medias/presentation-poster.jpg">
  <source src="medias/presentation.mp4" type="video/mp4">
  <track kind="captions" src="medias/presentation-fr.vtt" srclang="fr" label="Français" default>
  <a href="medias/presentation.mp4">Télécharger la vidéo (MP4)</a>
</video>

captions s'adresse aux personnes qui n'entendent pas : il transcrit les paroles et les sons utiles (le second sous-titre). subtitles s'adresse à ceux qui entendent mais ne comprennent pas la langue : il traduit les paroles seulement.