Manuel d'accessibilité du Web : bonnes feuilles Vidéo et SMIL : gérer les sous-titres

Gérer les sous-titres

Exemple de code SMIL permettant d'afficher une zone vidéo au format Real vidéo et une zone de sous-titres au format Real texte affiché ou non en fonction des préférences utilisateurs dans le lecteur RealPlayer.

 video.smil : coordonne les éléments vidéo, texte et audio
 video.rv : la vidéo
 texte.rt : sous-titres
 son.ra : audio description

Le fichier video.smil


 <?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE smil PUBLIC "-//W3C//DTD SMIL 2.0//EN" "http://www.w3.org/2001/SMIL20/SMIL20.dtd">
<smil xmlns="http://www.w3.org/2001/SMIL20/Language" xmlns:rn="http://features.real.com/2001/SMIL20/Extensions">

<head>
<meta name="title" content="Le chat n'est pas content"/>
<meta name="author" content="Alain Gravelet"/>
<meta name="copyright" content="Alain Gravelet 2007"/>
<meta name="abstract" content="Le chat n'est pas content"/>
<layout type="text/smil-basic-layout">
<root-layout id="root-layout" width="424" height="354" background-color="silver" systemCaptions="on"/>
<region id="video" backgroundColor="white" left="0" top="0" width="424" height="316"/>
<region id="sous-titre" backgroundColor="black" left="0" top="320" width="424" height="30" systemCaptions="on"/>
</layout>
</head>


<body id="body">
<par dur="26s" begin="3s" id="par_tout">
<textstream dur="3s" begin="0s" src="titre.rt" region="video"/>
<video dur="26s" begin="3s" src="video.rv" region="video" id="video_a"/>
<textstream dur="26s" begin="3s" src="texte.rt" region="sous-titre" systemCaptions="on"/>
<audio dur="26s" begin="3s" src="son.ra" id="audio_a" systemAudioDesc="on"/>
</par>
</body>
</smil>