Rendre vos vidéos accessibles à l’aide de pistes de texte synchronisé

En tant que compagnon de l’élément video HTML5, l’API de piste de texte synchronisé fournit les outils permettant d’ajouter des éléments d’accessibilité, des transcriptions traduites ou du contenu étendu à vos vidéos.

Qu’est-ce que l’élément Timed Text Track ?

L’élément track HTML5 est utilisé avec l’élément video HTML5 pour ajouter des pistes de texte synchronisées au contenu vidéo. Une piste de texte synchronisé permet de proposer une transcription sous forme de texte pour l’accessibilité, des traductions ou encore des commentaires sur la vidéo en cours de lecture.

Les pistes de texte synchronisé dans leur forme la plus simple se composent de marqueurs de temps d’entrée et de sortie, ou repères, et d’une ligne de texte. Internet Explorer 10 prend en charge un sous-ensemble des formats Web Video Text Track (WebVTT) ou Timed Text Markup Language (TTML). La norme relative au texte synchronisé est en train d’émerger pour les formats de piste de texte synchronisé, de sorte qu’Internet Explorer 10 et les applications du Windows Store en JavaScript ne prennent actuellement en charge que les repères de temps et le texte. Le format TTML est partagé avec le monde de l’audiovisuel et utilise un riche ensemble de fonctionnalités. Toutefois, pour la plupart des applications Web, les versions plus simples peuvent suffire.

Dans cette section, vous allez apprendre à créer des fichiers au format WebVTT ou TTML avec un outil en ligne. Vous allez utiliser ces fichiers pour ajouter un sous-titrage simple à une page Web HTML sans script ni logiciel supplémentaire. À l’aide de JavaScript, vous allez apprendre à incorporer le sous-titrage texte dans vos propres éléments de page et à les styliser en fonction du design de votre page. Enfin, vous allez apprendre à utiliser la piste métadonnées qui vous permet de synchroniser des pages Web et d’autres contenus avec vos vidéos.

Dans cette section

RubriqueDescription

Créer des fichiers WebVTT ou TTML avec Caption Maker

Créez vos propres fichiers au format WebVTT (Web Video Text Track) ou TTML (Timed Text Markup Language) pour les utiliser avec Internet Explorer 10.

Prise en main de l’élément track

L’élément HTML5 track vous permet d’ajouter des sous-titres qui s’affichent dans un lecteur vidéo en HTML5, sans faire appel à des scripts ou à un logiciel supplémentaire.

Script de l’élément track

Vous pouvez créer des affichages personnalisés des sous-titres pour vos pages Web vidéo et manipuler l’élément track, des méthodes et des propriétés via un script.

 

Pour la plupart des exemples décrits ici, vous pouvez télécharger des exemples de fichiers de piste webvtt et exécuter des exemples de code sur la page Exemple de piste de texte synchronisé HTML5 du site Web de Microsoft.

Normes

Les normes relatives au format de fichier et à l’élément track HTML5 du World Wide Web Consortium (W3C) sont toujours en cours de développement. Pour plus d’informations, voir HTML5 - Vocabulaire et API associées pour HTML et XHTML.

Rubriques connexes

Éléments audio et vidéo HTML5
Exemples et didacticiels Internet Explorer 10

 

 

Afficher:
© 2014 Microsoft