{"id":97337,"date":"2023-07-27T10:32:52","date_gmt":"2023-07-27T08:32:52","guid":{"rendered":"https:\/\/wp-staging.amberscript.com\/blog\/how-to-insert-closed-captions-into-a-vtt-file-a-step-by-step-guide\/"},"modified":"2024-04-30T10:44:58","modified_gmt":"2024-04-30T08:44:58","slug":"inserer-sous-titres-codes-fichier-vtt","status":"publish","type":"post","link":"https:\/\/wp-staging.amberscript.com\/fr\/blog\/inserer-sous-titres-codes-fichier-vtt\/","title":{"rendered":"Comment ins\u00e9rer des sous-titres cod\u00e9s dans un fichier VTT : un guide \u00e9tape par \u00e9tape"},"content":{"rendered":"\n<p>Dans l&rsquo;\u00e8re num\u00e9rique d&rsquo;aujourd&rsquo;hui, le contenu vid\u00e9o r\u00e8gne en ma\u00eetre. Pourtant, en l&rsquo;absence de sous-titres cod\u00e9s, une grande partie de la population mondiale ne peut pas profiter pleinement de ces exp\u00e9riences multim\u00e9dias. C&rsquo;est l\u00e0 que r\u00e9side l&rsquo;importance des fichiers WebVTT (VTT). Ce sont des h\u00e9ros m\u00e9connus qui fournissent un lien essentiel pour les personnes sourdes, malentendantes ou qui pr\u00e9f\u00e8rent simplement qu&rsquo;un texte accompagne leur contenu vid\u00e9o. Cet article est un guide complet sur la mani\u00e8re d&rsquo;ins\u00e9rer des sous-titres dans un fichier VTT. Nous examinerons les principales diff\u00e9rences entre les sous-titres et les sous-titres cod\u00e9s, nous comprendrons les avantages du format VTT et nous nous pencherons sur les subtilit\u00e9s de la pr\u00e9paration des sous-titres, de l&rsquo;utilisation de l&rsquo;\u00e9diteur de texte appropri\u00e9 et, enfin, de la cr\u00e9ation et de la synchronisation des sous-titres avec votre vid\u00e9o. En outre, nous verrons comment valider, tester et t\u00e9l\u00e9charger votre fichier VTT, nous explorerons les fonctions de sous-titrage avanc\u00e9es et nous partagerons les meilleures pratiques pour garantir que votre contenu est accessible et inclusif. Alors, que vous soyez cr\u00e9ateur de contenu, \u00e9diteur ou simplement curieux du monde num\u00e9rique, lisez la suite pour d\u00e9couvrir la puissance des fichiers VTT et des sous-titres cod\u00e9s.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Table des mati\u00e8res<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"text-decoration: underline;\"><a href=\"#comprendre-les-fichiers-vtt-et-les-sous-titres-codes\">Comprendre les fichiers VTT et les sous-titres cod\u00e9s<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#preparation-du-texte-des-sous-titres-codes\">Pr\u00e9paration du texte des sous-titres cod\u00e9s<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#choisir-le-bon-editeur-de-texte-pour-les-fichiers-vtt\">Choisir le bon \u00e9diteur de texte pour les fichiers VTT<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#creation-du-fichier-vtt-et-insertion-des-sous-titres\">Cr\u00e9ation du fichier VTT et insertion des sous-titres<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#synchronisation-des-sous-titres-avec-la-video\">Synchronisation des sous-titres avec la vid\u00e9o<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#validation-et-test-du-fichier-vtt\">Validation et test du fichier VTT<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#chargement-du-fichier-vtt-dans-votre-video\">Chargement du fichier VTT dans votre vid\u00e9o<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#fonctions-avancees-de-sous-titrage-code\">Fonctions avanc\u00e9es de sous-titrage cod\u00e9<\/a><\/span><\/li>\n\n\n\n<li><span style=\"text-decoration: underline;\"><a href=\"#meilleures-pratiques-pour-les-sous-titres-codes-et-les-fichiers-vtt\">Meilleures pratiques pour les sous-titres cod\u00e9s et les fichiers VTT<\/a><\/span><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"comprendre-les-fichiers-vtt-et-les-sous-titres-codes\"><strong>Comprendre les fichiers VTT et les sous-titres cod\u00e9s<\/strong><\/h2>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Qu&rsquo;est-ce qu&rsquo;un fichier VTT ?<\/strong><\/h4>\n\n\n\n<p>Web Video Text Tracks (WebVTT ou VTT) est un format de fichier populaire utilis\u00e9 pour afficher des l\u00e9gendes et des sous-titres sur les vid\u00e9os HTML5. Ces fichiers texte contiennent \u00e0 la fois le timing et le contenu de ce qui doit \u00eatre affich\u00e9 \u00e0 c\u00f4t\u00e9 de votre vid\u00e9o. Cette technologie offre un moyen simple et efficace d&rsquo;am\u00e9liorer l&rsquo;accessibilit\u00e9 de votre contenu multim\u00e9dia.<\/p>\n\n\n\n\n\n\n<h4 class=\"wp-block-heading\">Sous-titres cod\u00e9s et sous-titres : Principales diff\u00e9rences<\/h4>\n\n\n\n<p>Bien qu&rsquo;ils soient souvent confondus, les sous-titres et les sous-titres cod\u00e9s ont des objectifs distincts. Les sous-titres sont con\u00e7us pour les spectateurs qui entendent mais ne comprennent pas la langue parl\u00e9e dans la vid\u00e9o. Ils ne fournissent g\u00e9n\u00e9ralement qu&rsquo;une traduction des dialogues. En revanche, les sous-titres cod\u00e9s s&rsquo;adressent aux spectateurs sourds ou malentendants. Ils ne se contentent pas de transcrire les dialogues, mais incluent \u00e9galement des \u00e9l\u00e9ments non vocaux pertinents, tels que des effets sonores et des signaux musicaux.<\/p>\n\n\n\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Avantages de l&rsquo;utilisation du format VTT pour les sous-titres cod\u00e9s<\/strong><\/h4>\n\n\n\n<p>The VTT format has several advantages. Firstly, it is a standard format supported by all modern browsers, ensuring compatibility across different platforms. Additionally, it supports caption styling and positioning, allowing you to enhance the viewer&rsquo;s experience by adjusting the captions to avoid covering on-screen content. Lastly, VTT files are straightforward to create and edit, making them a practical choice for most video content creators.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"preparation-du-texte-des-sous-titres-codes\"><strong>Pr\u00e9paration du texte des sous-titres cod\u00e9s<\/strong><\/h2>\n\n\n\n<p>Avant d&rsquo;aborder les aspects techniques des fichiers VTT, nous devons pr\u00e9parer notre texte de sous-titrage. Ce processus comporte trois \u00e9tapes cl\u00e9s :<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Transcription du contenu vid\u00e9o<\/strong><\/h4>\n\n\n\n<p>La premi\u00e8re \u00e9tape de la pr\u00e9paration de votre texte de sous-titrage consiste \u00e0 <a href=\"https:\/\/wp-staging.amberscript.com\/fr\/blog\/choisir-un-service-de-transcription\/\">transcrire le contenu de la vid\u00e9o.<\/a> Il s&rsquo;agit de convertir tous les mots prononc\u00e9s en texte \u00e9crit. Veillez \u00e0 inclure les sons non vocaux essentiels qui contribuent \u00e0 la compr\u00e9hension du contexte de la vid\u00e9o, tels que les [applaudissements] ou les [rires]. Vous pouvez facilement demander une <a href=\"https:\/\/wp-staging.amberscript.com\/fr\/produits\/transcription-manuelle\/\">transcription professionnelle<\/a> sur notre plateforme, afin d&rsquo;obtenir le fichier le plus pr\u00e9cis possible. Toutefois, si vous souhaitez personnaliser les sous-titres vous-m\u00eame, vous pouvez \u00e9galement utiliser notre <a href=\"https:\/\/wp-staging.amberscript.com\/fr\/produits\/transcription-automatique\/\">service automatique<\/a> et obtenir votre transcription en quelques minutes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Mise en forme du texte de la l\u00e9gende<\/strong><\/h4>\n\n\n\n<p>Apr\u00e8s la transcription, nous devons mettre en forme le texte de la l\u00e9gende. D\u00e9composez votre contenu en morceaux concis et faciles \u00e0 lire, g\u00e9n\u00e9ralement de deux lignes ou moins. N&rsquo;oubliez pas que l&rsquo;objectif des sous-titres est de rendre le contenu accessible ; \u00e9vitez donc les phrases complexes qui pourraient \u00eatre difficiles \u00e0 suivre.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Timecodes et synchronisation<\/strong><\/h4>\n\n\n\n<p>Maintenant, pour chaque l\u00e9gende, nous devons d\u00e9cider quand elle doit appara\u00eetre et dispara\u00eetre \u00e0 l&rsquo;\u00e9cran. Ces moments sont appel\u00e9s \u00ab\u00a0timecodes\u00a0\u00bb. Les timecodes synchronisent les sous-titres avec les mots parl\u00e9s correspondants dans la vid\u00e9o. La pr\u00e9cision est essentielle pour garantir une exp\u00e9rience de visionnage homog\u00e8ne.<\/p>\n\n\n\n<p>N&rsquo;oubliez pas que la pr\u00e9paration du texte des sous-titres est une \u00e9tape cruciale du processus. Elle sert de base au fichier VTT que nous allons cr\u00e9er.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"choisir-le-bon-editeur-de-texte-pour-les-fichiers-vtt\"><strong>Choisir le bon \u00e9diteur de texte pour les fichiers VTT<\/strong><\/h2>\n\n\n\n<p>Le choix de l&rsquo;<a href=\"https:\/\/wp-staging.amberscript.com\/fr\/blog\/trouver-les-bons-outils-pour-les-fichiers-vtt\/\">\u00e9diteur de texte appropri\u00e9<\/a> est primordial lorsque l&rsquo;on travaille avec des fichiers VTT. Plusieurs options sont disponibles et le choix d\u00e9pend de vos besoins sp\u00e9cifiques et de votre niveau de confort.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u00c9diteurs int\u00e9gr\u00e9s dans les plates-formes vid\u00e9o<\/strong><\/h4>\n\n\n\n<p>La plupart des plateformes vid\u00e9o, telles que YouTube et Vimeo, sont dot\u00e9es d&rsquo;\u00e9diteurs de sous-titres int\u00e9gr\u00e9s. Ils vous permettent de transcrire et de timecoder vos sous-titres directement sur la plateforme. Cette option peut s&rsquo;av\u00e9rer pratique si vous recherchez un processus simplifi\u00e9 et que vous vous sentez \u00e0 l&rsquo;aise avec la plateforme vid\u00e9o elle-m\u00eame.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>\u00c9diteurs de texte tiers avec prise en charge du VTT<\/strong><\/h4>\n\n\n\n<p>Si vous pr\u00e9f\u00e9rez une approche plus pratique, vous pouvez utiliser un \u00e9diteur de texte tiers qui prend en charge les fichiers VTT, car ces \u00e9diteurs offrent plus de souplesse et de contr\u00f4le sur le formatage et la synchronisation de vos l\u00e9gendes. Parmi les exemples, citons <a href=\"https:\/\/wp-staging.amberscript.com\/fr\/\">Amberscript<\/a>, l&rsquo;une des meilleures solutions pour cr\u00e9er rapidement et facilement des fichiers VTT de qualit\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How it works<\/h3>\n\n\n<div class=\"block text-image\">\n\t<div class=\"grid-container\">\n      <div class=\"grid-x align-middle grid-margin-y grid-margin-x\">\n\t\t  \n\n        <div class=\"cell medium-6 large-5 \t\">\t\t  \n\n            \t\t\t\n        <\/div>\n\t\t  \n\n        <div class=\"cell medium-6 large-5  medium-offset-0 large-offset-1\">  \n\n               \n                                                           <h6>Editeur de sous-titres en ligne facile \u00e0 utiliser<\/h6>\n                                   \n                                                           <h3>Notre \u00e9diteur en ligne synchronise sans effort votre audio avec le texte, ce qui permet d&rsquo;ajuster facilement vos sous-titres.<\/h3>\n                                    \n                                   <p>You can import video files in many different formats and export your video with subtitles, or export the subtitles separately in Text, SRT, VTT or EBU-STL and many other formats, with optional timestamps and speaker distinction.<\/p>\n               \n                                <a class=\"button theme-color-secondary\" id=\"button_block_8af95d26ef5f4c169a88e8c552b43bd6\" href=\"https:\/\/app.amberscript.com\/register?lang=en\" target=\"_self\" rel=\"noopener\">Essai gratuit<\/a>\n                            \n        <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n\n\n<div class=\"block text-image\">\n\t<div class=\"grid-container\">\n      <div class=\"grid-x align-middle grid-margin-y grid-margin-x\">\n\t\t  \n\n        <div class=\"cell medium-6 large-5 medium-order-2 medium-offset-0 large-offset-1\t\">\t\t  \n\n                            <div class=\"image-holder text-center\">\n\n                                    <img decoding=\"async\" width=\"640\" height=\"460\" src=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/04\/subtitles-export-640x460-compressed-34KB.png\" class=\"img-responsive\" alt=\"subtitle export\" \/>                                    <\/div>\n            \t\t\t\n        <\/div>\n\t\t  \n\n        <div class=\"cell medium-6 large-5  \">  \n\n               \n                                                           <h6>Sous-titrage automatique<\/h6>\n                                   \n                                                           <h3>Nous fournissons des sous-titres automatiques avec la plus grande pr\u00e9cision possible pour votre flux vid\u00e9o.<\/h3>\n                                    \n                                   <p>Facile \u00e0 configurer et \u00e0 utiliser avec Teams, Zoom, Google Meet, Skype, GoToMeeting, Cisco Webex, Jitsi et Slack. \u00c9galement disponible via notre API de diffusion en continu pour l&rsquo;int\u00e9gration en entreprise de conf\u00e9rences, de cours en ligne, de webinaires et d&rsquo;autres flux vid\u00e9o.<\/p>\n               \n                                <a class=\"button theme-color-secondary\" id=\"button_block_236802fab0699871f3ae89613508eae7\" href=\"https:\/\/wp-staging.amberscript.com\/fr\/demandez-un-devis\/\" target=\"_self\">Demande de devis<\/a>\n                            \n        <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Caract\u00e9ristiques \u00e0 rechercher dans un \u00e9diteur de texte VTT<\/strong><\/h2>\n\n\n\n<p>Quel que soit l&rsquo;\u00e9diteur que vous choisissez, vous devez rechercher certaines caract\u00e9ristiques essentielles. Tout d&rsquo;abord, il doit prendre en charge le format VTT, ce qui vous permet d&rsquo;enregistrer votre fichier avec l&rsquo;extension .vtt. Ensuite, il doit vous permettre de d\u00e9finir des timecodes pour chaque l\u00e9gende. Enfin, il doit proposer des options pour styliser et formater les l\u00e9gendes.<\/p>\n\n\n\n<p>N&rsquo;oubliez pas que l&rsquo;objectif de l&rsquo;utilisation d&rsquo;un \u00e9diteur de texte est de simplifier au maximum l&rsquo;insertion de sous-titres dans un fichier VTT. Choisissez donc celui qui correspond le mieux \u00e0 votre niveau de confort et \u00e0 vos besoins.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creation-du-fichier-vtt-et-insertion-des-sous-titres\"><strong>Cr\u00e9ation du fichier VTT et insertion des sous-titres<\/strong><\/h2>\n\n\n\n<p>Maintenant que nous avons pr\u00e9par\u00e9 notre texte de l\u00e9gende et choisi notre \u00e9diteur de texte, il est temps de cr\u00e9er le fichier VTT et d&rsquo;ins\u00e9rer nos l\u00e9gendes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\"><strong>\u00c9tape 1 : Cr\u00e9ation du fichier VTT<\/strong><\/span><\/h4>\n\n\n\n<p>Pour cr\u00e9er un fichier VTT, nous commencerons par cr\u00e9er un nouveau fichier texte dans l&rsquo;\u00e9diteur de notre choix. N&rsquo;oubliez pas de l&rsquo;enregistrer avec l&rsquo;extension .vtt. La premi\u00e8re ligne de notre fichier VTT doit \u00eatre <code>WEBVTT<\/code> &#8211; cela indique au lecteur vid\u00e9o que le fichier est au format VTT.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\">\u00c9tape 2 : Ins\u00e9rer des l\u00e9gendes<\/span><\/strong><\/h4>\n\n\n\n<p>Ensuite, nous commencerons \u00e0 ajouter nos l\u00e9gendes. Chaque l\u00e9gende est compos\u00e9e de trois parties :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Un num\u00e9ro de s\u00e9quence<\/strong>: Ce nombre commence \u00e0 partir de 1 et augmente \u00e0 chaque nouvelle l\u00e9gende.<\/li>\n\n\n\n<li><strong>Le code temporel<\/strong>: Il pr\u00e9cise quand la l\u00e9gende doit appara\u00eetre et dispara\u00eetre \u00e0 l&rsquo;\u00e9cran. Il doit \u00eatre format\u00e9 comme `heures:minutes:secondes.millisecondes&rsquo;<\/li>\n\n\n\n<li><strong>Le texte de la l\u00e9gende<\/strong>: Il s&rsquo;agit du texte transcrit et format\u00e9 que nous avons pr\u00e9par\u00e9 pr\u00e9c\u00e9demment.<\/li>\n<\/ol>\n\n\n\n<p>Chaque partie doit figurer sur une ligne distincte et chaque l\u00e9gende doit \u00eatre s\u00e9par\u00e9e par une ligne vide. En voici un exemple:<\/p>\n\n\n\n<p>\u00ab\u00a0`<\/p>\n\n\n\n<p>1<\/p>\n\n\n\n<p>00:00:20.000 &#8211;&gt; 00:00:24.000<\/p>\n\n\n\n<p>Il s&rsquo;agit de notre premi\u00e8re l\u00e9gende.<\/p>\n\n\n\n<p>\u00ab\u00a0`<\/p>\n\n\n\n<p>R\u00e9p\u00e9tez ce processus pour chaque l\u00e9gende. Veillez \u00e0 sauvegarder votre travail fr\u00e9quemment !<\/p>\n\n\n<div class=\"image-block-wrapper\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1280\" height=\"533\" src=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2023\/07\/Transcription-EN-6-1280x533.png\" alt=\"\" class=\"wp-image-97001\" srcset=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2023\/07\/Transcription-EN-6-1280x533.png 1280w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2023\/07\/Transcription-EN-6-640x267.png 640w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2023\/07\/Transcription-EN-6-768x320.png 768w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2023\/07\/Transcription-EN-6-1536x640.png 1536w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2023\/07\/Transcription-EN-6.png 1920w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<\/div>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"synchronisation-des-sous-titres-avec-la-video\"><strong>Synchronisation des sous-titres avec la vid\u00e9o<\/strong><\/h2>\n\n\n\n<p>Une fois que nous avons pr\u00e9par\u00e9 notre fichier VTT avec tous les sous-titres et timecodes correctement format\u00e9s, l&rsquo;\u00e9tape suivante consiste \u00e0 synchroniser ces sous-titres avec la vid\u00e9o. La synchronisation est cruciale car elle permet de s&rsquo;assurer que chaque sous-titre appara\u00eet au bon moment, correspondant aux mots prononc\u00e9s dans la vid\u00e9o.<\/p>\n\n\n\n<p>Pour synchroniser les sous-titres, nous lisons d&rsquo;abord la vid\u00e9o et observons si chaque sous-titre appara\u00eet \u00e0 l&rsquo;heure stipul\u00e9e selon les timecodes que nous avons d\u00e9finis. Si vous constatez qu&rsquo;un sous-titre appara\u00eet trop t\u00f4t ou trop tard, ajustez son timecode dans le fichier VTT. Ce processus peut n\u00e9cessiter quelques it\u00e9rations pour que tout soit parfaitement align\u00e9.<\/p>\n\n\n\n<p>Pour les vid\u00e9os h\u00e9berg\u00e9es sur des plateformes telles que YouTube ou Vimeo, vous pouvez t\u00e9l\u00e9charger le fichier VTT directement dans la vid\u00e9o. Ces plateformes disposent d&rsquo;outils int\u00e9gr\u00e9s qui vous permettent d&rsquo;ajuster la synchronisation de chaque l\u00e9gende, ce qui facilite la synchronisation.<\/p>\n\n\n\n<p>Si vous utilisez un lecteur vid\u00e9o local, assurez-vous qu&rsquo;il prend en charge les sous-titres et que vous pouvez s\u00e9lectionner votre fichier VTT comme source des sous-titres. Il se peut que vous ayez besoin d&rsquo;un plugin ou d&rsquo;un logiciel sp\u00e9cial pour afficher les sous-titres et effectuer des ajustements.<\/p>\n\n\n\n<p>N&rsquo;oubliez pas que la synchronisation peut sembler un processus fastidieux, mais qu&rsquo;elle est essentielle pour offrir une exp\u00e9rience de visionnage transparente et inclusive. Dans la section suivante, nous verrons comment valider et tester votre fichier VTT.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"validation-et-test-du-fichier-vtt\"><strong>Validation et test du fichier VTT<\/strong><\/h2>\n\n\n\n<p>Apr\u00e8s avoir cr\u00e9\u00e9 votre fichier VTT, ins\u00e9r\u00e9 les sous-titres et les avoir synchronis\u00e9s avec la vid\u00e9o, l&rsquo;\u00e9tape suivante consiste \u00e0 valider et \u00e0 tester le fichier VTT. Il s&rsquo;agit d&rsquo;une \u00e9tape importante pour s&rsquo;assurer que les sous-titres s&rsquo;affichent correctement et au bon moment.<\/p>\n\n\n\n<p>Il existe plusieurs outils en ligne qui peuvent valider vos fichiers VTT, comme le WebVTT Validator. Ces outils v\u00e9rifient que votre fichier ne contient pas d&rsquo;erreurs de formatage ou de probl\u00e8mes susceptibles d&#8217;emp\u00eacher vos sous-titres de s&rsquo;afficher correctement.<\/p>\n\n\n\n<p>Pour utiliser un outil de validation, il suffit de t\u00e9l\u00e9charger votre fichier VTT et de laisser l&rsquo;outil faire son travail. S&rsquo;il y a des probl\u00e8mes, il fournit un rapport d\u00e9taillant ce qui doit \u00eatre corrig\u00e9.<\/p>\n\n\n\n<p>Apr\u00e8s avoir valid\u00e9 votre fichier, il est temps de le tester. Lisez la vid\u00e9o avec les sous-titres activ\u00e9s et regardez-la dans son int\u00e9gralit\u00e9 pour vous assurer que tous les sous-titres s&rsquo;affichent correctement et sont synchronis\u00e9s avec l&rsquo;audio. Si plusieurs personnes sont amen\u00e9es \u00e0 utiliser les sous-titres, il peut \u00eatre judicieux de demander \u00e0 quelqu&rsquo;un d&rsquo;autre de regarder la vid\u00e9o. Cette personne pourrait rep\u00e9rer des probl\u00e8mes que vous n&rsquo;avez pas remarqu\u00e9s.<\/p>\n\n\n\n<p>N&rsquo;oubliez pas de faire attention \u00e0 la synchronisation, \u00e0 l&#8217;emplacement et \u00e0 la lisibilit\u00e9 des sous-titres. Apportez les modifications n\u00e9cessaires au fichier VTT et r\u00e9p\u00e9tez le processus de validation et de test jusqu&rsquo;\u00e0 ce que vous soyez satisfait des r\u00e9sultats.<\/p>\n\n\n\n<p>En validant et en testant votre fichier VTT, vous pouvez vous assurer que votre vid\u00e9o est accessible \u00e0 tous les spectateurs. Dans la derni\u00e8re section, nous verrons comment apporter d&rsquo;autres am\u00e9liorations \u00e0 vos sous-titres.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"chargement-du-fichier-vtt-dans-votre-video\"><strong>Chargement du fichier VTT dans votre vid\u00e9o<\/strong><\/h2>\n\n\n\n<p>Apr\u00e8s avoir cr\u00e9\u00e9, synchronis\u00e9, valid\u00e9 et test\u00e9 votre fichier VTT, la derni\u00e8re \u00e9tape consiste \u00e0 le charger dans votre vid\u00e9o. La proc\u00e9dure varie en fonction de la plateforme sur laquelle votre vid\u00e9o est h\u00e9berg\u00e9e.<\/p>\n\n\n\n<p>Pour les plateformes telles que YouTube, vous devez vous rendre dans la section \u00ab\u00a0Sous-titres\u00a0\u00bb des param\u00e8tres de la vid\u00e9o. Vous aurez alors la possibilit\u00e9 de t\u00e9l\u00e9charger un fichier de sous-titres. Choisissez votre fichier VTT et assurez-vous qu&rsquo;il est attribu\u00e9 \u00e0 la bonne langue.<\/p>\n\n\n\n<p>Sur Vimeo, vous trouverez l&rsquo;option d&rsquo;ajouter des sous-titres dans les param\u00e8tres de \u00ab\u00a0Distribution\u00a0\u00bb de votre vid\u00e9o. Comme sur YouTube, vous pouvez t\u00e9l\u00e9charger votre fichier VTT et l&rsquo;affecter \u00e0 la langue appropri\u00e9e.<\/p>\n\n\n\n<p>Si vous h\u00e9bergez la vid\u00e9o sur votre propre site web, le processus peut \u00eatre l\u00e9g\u00e8rement plus technique, impliquant des \u00e9l\u00e9ments vid\u00e9o HTML5 et la balise track.<\/p>\n\n\n\n<p>N&rsquo;oubliez pas de v\u00e9rifier la visibilit\u00e9 et la synchronisation des sous-titres une fois le fichier VTT t\u00e9l\u00e9charg\u00e9. Cette \u00e9tape est cruciale pour que tous les spectateurs puissent b\u00e9n\u00e9ficier des sous-titres que vous avez pr\u00e9par\u00e9s avec soin.<\/p>\n\n\n\n<p>Le t\u00e9l\u00e9chargement de votre fichier VTT sur votre vid\u00e9o marque la derni\u00e8re \u00e9tape pour rendre votre contenu accessible \u00e0 tous. Gr\u00e2ce \u00e0 des sous-titres pr\u00e9cis et bien synchronis\u00e9s, vous pouvez vous assurer que votre message est transmis efficacement \u00e0 tous les spectateurs, quelle que soit leur capacit\u00e9 auditive.<\/p>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fonctions-avancees-de-sous-titrage-code\"><strong>Fonctions avanc\u00e9es de sous-titrage cod\u00e9<\/strong><\/h2>\n\n\n\n<p>Une fois que vous aurez ma\u00eetris\u00e9 les bases de la cr\u00e9ation, de la synchronisation et du t\u00e9l\u00e9chargement de votre fichier VTT, vous voudrez peut-\u00eatre envisager des fonctions avanc\u00e9es pour am\u00e9liorer encore l&rsquo;exp\u00e9rience de visualisation.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Positionnement:<\/strong>&nbsp;Par d\u00e9faut, les sous-titres sont affich\u00e9s en bas au centre de la vid\u00e9o. Cependant, VTT vous permet de sp\u00e9cifier la position des l\u00e9gendes. Cela peut s&rsquo;av\u00e9rer utile lorsque la l\u00e9gende masque un contenu visuel important.&nbsp;<\/li>\n\n\n\n<li><strong>Stylisme:<\/strong>&nbsp;Les fichiers VTT prennent en charge un sous-ensemble de CSS, ce qui vous permet de modifier la police, la taille, la couleur et l&rsquo;arri\u00e8re-plan de vos sous-titres. Assurez-vous que les styles que vous choisissez am\u00e9liorent la lisibilit\u00e9 sans distraire du contenu de la vid\u00e9o.<\/li>\n\n\n\n<li><strong>Tags vocaux :<\/strong>&nbsp;Si votre vid\u00e9o comporte plusieurs intervenants, il peut \u00eatre utile d&rsquo;utiliser des balises vocales. Celles-ci sont d\u00e9sign\u00e9es par la balise <code>&lt;v&gt;<\/code> dans votre fichier VTT. Cette balise pr\u00e9c\u00e8de le dialogue et permet de diff\u00e9rencier les locuteurs.<\/li>\n\n\n\n<li><strong>Captions for sound effects :<\/strong>&nbsp;Les sous-titres peuvent \u00eatre bien plus que des transcriptions de dialogues. L&rsquo;inclusion de descripteurs de sons et d&rsquo;effets sonores importants peut grandement am\u00e9liorer l&rsquo;exp\u00e9rience des spectateurs sourds ou malentendants.<\/li>\n\n\n\n<li><strong>Horodatage :<\/strong>&nbsp;Si votre vid\u00e9o contient beaucoup d&rsquo;informations ou de points que les spectateurs peuvent \u00eatre amen\u00e9s \u00e0 consulter, l&rsquo;ajout d&rsquo;horodatages \u00e0 vos sous-titres cod\u00e9s peut s&rsquo;av\u00e9rer utile.<\/li>\n<\/ol>\n\n\n\n<p>N&rsquo;oubliez pas que ces fonctions existent pour rendre votre contenu plus accessible et plus attrayant. Tout en continuant \u00e0 perfectionner vos comp\u00e9tences en mati\u00e8re de sous-titrage, continuez \u00e0 explorer la mani\u00e8re dont ces fonctions avanc\u00e9es peuvent \u00eatre utilis\u00e9es pour am\u00e9liorer l&rsquo;exp\u00e9rience de vos t\u00e9l\u00e9spectateurs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"meilleures-pratiques-pour-les-sous-titres-codes-et-les-fichiers-vtt\"><strong>Meilleures pratiques pour les sous-titres cod\u00e9s et les fichiers VTT<\/strong><\/h2>\n\n\n\n<p>Lors de la cr\u00e9ation et de la mise en \u0153uvre de sous-titres cod\u00e9s dans les fichiers VTT, plusieurs bonnes pratiques permettent d&rsquo;am\u00e9liorer leur fonctionnalit\u00e9 et l&rsquo;exp\u00e9rience de visionnage.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Pr\u00e9cision:<\/strong>&nbsp;Veillez \u00e0 ce que vos sous-titres refl\u00e8tent fid\u00e8lement les mots prononc\u00e9s et les sons significatifs de votre vid\u00e9o. Des sous-titres incorrects ou trompeurs peuvent troubler les spectateurs et nuire \u00e0 l&rsquo;exp\u00e9rience globale.<\/li>\n\n\n\n<li><strong>Synchronisation:<\/strong>&nbsp;Le timing est essentiel pour le sous-titrage. Vos sous-titres doivent co\u00efncider pr\u00e9cis\u00e9ment avec l&rsquo;audio pour une compr\u00e9hension optimale.&nbsp;<\/li>\n\n\n\n<li><strong>Lisibilit\u00e9:<\/strong>&nbsp;Utilisez une police de caract\u00e8res simple et claire pour vos l\u00e9gendes et veillez \u00e0 ce que leur taille permette une lecture ais\u00e9e. \u00c9vitez les polices fantaisistes ou complexes qui peuvent \u00eatre difficiles \u00e0 d\u00e9chiffrer.<\/li>\n\n\n\n<li><strong>Ponctuation et grammaire :<\/strong> Une ponctuation et une grammaire correctes sont essentielles \u00e0 la compr\u00e9hension. Elles fournissent des indications importantes sur le d\u00e9roulement et la structure du discours.<\/li>\n\n\n\n<li><strong>Segmentation:<\/strong>&nbsp;Veillez \u00e0 ce que la dur\u00e9e de chaque l\u00e9gende soit raisonnable. Une bonne r\u00e8gle consiste \u00e0 limiter chaque l\u00e9gende \u00e0 deux lignes de texte et \u00e0 veiller \u00e0 ce qu&rsquo;elle soit affich\u00e9e suffisamment longtemps pour \u00eatre lue enti\u00e8rement.<\/li>\n\n\n\n<li><strong>Informations non verbales :<\/strong>&nbsp;Incluez des informations non vocales pertinentes, telles que des effets sonores et de la musique, dans vos sous-titres. Cela permet de situer le contexte et d&rsquo;am\u00e9liorer la compr\u00e9hension pour les personnes qui ne peuvent pas entendre l&rsquo;audio.<\/li>\n\n\n\n<li><strong>Identification de l&rsquo;orateur :<\/strong>&nbsp;Si votre vid\u00e9o comporte plusieurs intervenants, veillez \u00e0 identifier chacun d&rsquo;entre eux dans les sous-titres lorsqu&rsquo;ils s&rsquo;expriment. Pour ce faire, vous pouvez inclure le nom de l&rsquo;orateur ou utiliser des positions ou des couleurs diff\u00e9rentes pour les sous-titres de chaque orateur.<\/li>\n\n\n\n<li><strong>Coh\u00e9rence:<\/strong>&nbsp;Soyez coh\u00e9rent dans votre style de sous-titrage, votre terminologie et votre formatage. La coh\u00e9rence aide les t\u00e9l\u00e9spectateurs \u00e0 suivre et \u00e0 comprendre le contenu plus facilement.<\/li>\n<\/ol>\n\n\n\n<p>En suivant ces bonnes pratiques, vous garantirez non seulement la conformit\u00e9 aux normes d&rsquo;accessibilit\u00e9, mais vous enrichirez \u00e9galement l&rsquo;exp\u00e9rience de visionnage pour l&rsquo;ensemble de votre public. N&rsquo;oubliez pas que l&rsquo;objectif des sous-titres cod\u00e9s va au-del\u00e0 de la simple transcription : il s&rsquo;agit de rendre le contenu accessible et compr\u00e9hensible pour tous.<\/p>\n\n\n<div class=\"block text-image\">\n\t<div class=\"grid-container\">\n      <div class=\"grid-x align-middle grid-margin-y grid-margin-x\">\n\t\t  \n\n        <div class=\"cell medium-6 large-5 medium-order-2 medium-offset-0 large-offset-1\t\">\t\t  \n\n                            <div class=\"image-holder text-center\">\n\n                                    <img decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/08\/Hero-Image-4x-min-640x427.png\" class=\"img-responsive\" alt=\"\" srcset=\"https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/08\/Hero-Image-4x-min-640x427.png 640w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/08\/Hero-Image-4x-min-1080x720.png 1080w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/08\/Hero-Image-4x-min-768x512.png 768w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/08\/Hero-Image-4x-min-1536x1024.png 1536w, https:\/\/wp-staging.amberscript.com\/wp-content\/uploads\/2022\/08\/Hero-Image-4x-min.png 1639w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                    <\/div>\n            \t\t\t\n        <\/div>\n\t\t  \n\n        <div class=\"cell medium-6 large-5  \">  \n\n               \n                                                           <h6>Obtenir une offre personnalis\u00e9e<\/h6>\n                                   \n                                                           <h3>Demandez un devis pour vos besoins en sous-titrage<\/h3>\n                                    \n                                   \n               \n                            \n        <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n<p>Ma\u00eetriser l&rsquo;art du sous-titrage est une \u00e9tape cruciale pour cr\u00e9er un contenu r\u00e9ellement inclusif et accessible. En int\u00e9grant des sous-titres dans les fichiers VTT, les cr\u00e9ateurs de contenu ouvrent leur travail \u00e0 un public plus large, en s&rsquo;assurant que leur message est entendu, compris et appr\u00e9ci\u00e9 par tous. Il ne s&rsquo;agit pas seulement de transcrire des mots, mais de transmettre l&rsquo;essence de votre contenu de mani\u00e8re \u00e0 ce qu&rsquo;il trouve un \u00e9cho aupr\u00e8s de chaque spectateur. N&rsquo;oubliez pas que chaque petit pas vers l&rsquo;accessibilit\u00e9 compte et favorise un monde num\u00e9rique plus inclusif. Alors, faites ce pas d\u00e8s aujourd&rsquo;hui et rendez votre contenu accessible \u00e0 tous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans l&rsquo;\u00e8re num\u00e9rique d&rsquo;aujourd&rsquo;hui, le contenu vid\u00e9o r\u00e8gne en ma\u00eetre. Pourtant, en l&rsquo;absence de sous-titres cod\u00e9s, une grande partie de la population mondiale ne peut pas profiter pleinement de ces exp\u00e9riences multim\u00e9dias. C&rsquo;est l\u00e0 que r\u00e9side l&rsquo;importance des fichiers WebVTT (VTT). Ce sont des h\u00e9ros m\u00e9connus qui fournissent un lien essentiel pour les personnes sourdes, [&hellip;]<\/p>\n","protected":false},"author":70,"featured_media":90657,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":true,"inline_featured_image":false,"footnotes":""},"categories":[143],"tags":[],"class_list":["post-97337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"acf":{"text":"","link":"","questions":""},"_links":{"self":[{"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/posts\/97337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/comments?post=97337"}],"version-history":[{"count":0,"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/posts\/97337\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/media\/90657"}],"wp:attachment":[{"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/media?parent=97337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/categories?post=97337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/fr\/wp-json\/wp\/v2\/tags?post=97337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}