Share
Il semble que nous soyons inondés de vidéo sur le Web. À bien des égards, il ne s’agit pas d’un phénomène inattendu, mais la vidéo subit un changement de perception plutôt discret. Depuis plusieurs années, la vidéo est considérée comme un contenu prenant de la place sur la page Web. Il y a quelques années, quelques personnes ont lentement compris que, même si la vidéo est un contenu, ce sont les données de la vidéo qui pourraient avoir un potentiel énorme..
Dans ce tutoriel, je vais vous montrer un exemple de la façon dont cela fonctionne. Nous allons extraire la piste audio d'un fichier vidéo, la transcrire, puis utiliser cette transcription pour créer des légendes vidéo dans Flash..
Pour suivre ce didacticiel de bout en bout, vous devez avoir installé Soundbooth CS4, Dreamweaver CS4 et Flash CS4 sur votre ordinateur. Si vous n'avez pas Soundbooth, j'ai inclus une copie de la transcription - ZombieTranscript.txt - dans le dossier Exemples. Si vous n’avez pas Dreamweaver, j’ai inclus une copie du fichier ZombiesTT.xml que vous pouvez utiliser dans Flash..
Avant de commencer, précisons la terminologie que nous utiliserons. Une transcription prend le mot parlé et le transforme en mot imprimé. Une légende affiche une partie de cette transcription dans un projet vidéo Flash pour rendre une vidéo accessible..
Vous verrez comment tout cela fonctionne dans quelques minutes, mais vous devez bien comprendre. Nous en sommes au début du processus. Vous ne pouvez donc pas vous attendre à transformer magiquement la piste audio en légendes dans Flash avec un couple. des clics de souris. Ce jour n'est pas encore arrivé, mais comparé aux conniptions et contorsions que nous avons dû traverser il y a quelques années pour que cela se produise, le processus d'aujourd'hui est une "promenade dans le parc".
J'aimerais remercier Stephanie Skendaris, une étudiante du programme de journalisme de mon collège, de m'avoir autorisé à utiliser ce clip. Elle a un avenir radieux devant elle et si vous voulez voir son travail, elle apparaît régulièrement sur thedailyplanet.com, un laboratoire destiné aux programmes de journalisme et de radio..
Commençons!
Lorsque l'application démarre, sélectionnez Fenêtre> Espace de travail> Modifier le format audio vers vidéo. Cette sélection ajoute une fenêtre vidéo à l'espace de travail.
Prévisualisez la vidéo en cliquant sur le bouton Lecture en bas de l'interface..
Cliquez sur le bouton Lire pour lire la vidéo. Pendant la lecture de la vidéo, écoutez le son car vous le transcrirez ensuite..
Si vous ne le voyez pas à gauche de l'interface, sélectionnez Fenêtre> Métadonnées ou appuyez sur les touches Commande-7 (Mac) ou Ctrl-7 (PC). La fonction de transcription de Soundbooth est intégrée à ce panneau..
Cliquez sur le bouton Transcrire… au bas du panneau Métadonnées pour ouvrir le panneau Options de transcription vocale..
Dans ce cas, sélectionnez Anglais canadien, car l’école est située à Toronto. Choisissez une option Qualité dans la liste déroulante Qualité. Dans ce cas, sélectionnez Elevé (plus lent), ce qui prend plus de temps, mais génère moins d'erreurs. Ne sélectionnez pas Identify Speakers car il n'y en a qu'un dans ce clip..
Cliquez sur OK pour lancer le processus de transcription. Une barre de progression, vous donnant une idée du temps que cela va prendre, apparaît.
Voici la transcription correcte:
Ce n'est pas un après-midi d'automne typique en ville. Aujourd'hui, les morts descendent dans la rue pour la dix-septième marche annuelle des zombies à Toronto. La route de cette année a entraîné les zombies dans un sentier sinueux à travers le centre-ville de Toronto, du parc Trinity Bellwoods jusqu'au cinéma Bloor. La promenade s'est terminée ici, au cinéma Bloor, où les morts-vivants regardent une collection de films sur le thème des zombies fournis par leurs amis au festival du film "After Dark". m Stéphanie Skendaris pour thedailyplanet.com.
Évidemment, il y a pas mal d'erreurs, même si vous avez demandé une grande qualité.
L’aspect intéressant de cette transcription est que, si vous cliquez sur le bouton Lecture, la vidéo sera lue, mais si vous regardez la transcription lorsque la tête de lecture se déplace, le mot situé sous la tête de lecture est mis en surbrillance en bleu et le mot lui-même sera "entre crochets". "sur la timeline. De cette manière, vous pouvez identifier où les erreurs peuvent être trouvées.
Pour éditer un mot dans la transcription, par exemple, ajoutez un point après le mot "ville", double-cliquez simplement sur le mot et effectuez la modification. Si des mots manquent ou sont superflus, vous pouvez les ajouter ou les supprimer en cliquant avec le bouton droit de la souris (PC) ou en appuyant sur Cmd (Mac) et en faisant votre choix dans le menu déroulant résultant..
Pour passer d'un mot à l'autre dans la transcription, utilisez la touche de tabulation. Pour passer d’un caractère à l’autre dans un mot, utilisez les touches fléchées gauche et droite..
Prenez une décision en fonction de votre utilisation de la transcription. Il y a deux itinéraires à parcourir:
L'inconvénient de la première option est le poids supplémentaire dans le fichier SWF, car vous devez utiliser à la fois le composant FLVPlayback et le composant FLVPlayback Sous-titrage. L'inconvénient de la seconde approche est que le fichier XML résultant sera intégré au fichier FLV et ne peut pas être modifié..
Le côté positif de la première approche est qu’elle ne contient pas d’ActionScript et vous permet de modifier le code XML et de refléter instantanément ces modifications dans le fichier SWF. Le bon côté de la deuxième approche est un fichier SWF relativement minuscule..
Dans l'intérêt du temps, je vais emprunter la voie de la moindre résistance et emprunter la voie des composants. Une autre raison est que le code XML utilisé par le composant est conforme à la norme W3 Timed Text. L'autre raison est que le XML requis est beaucoup plus élégant et beaucoup plus facile à utiliser et à suivre que le XML créé par Soundbooth..
Certains d’entre vous voudront peut-être savoir comment une transcription devient XML et des CuePoints dans un fichier FLV..
Bien que nous n'allions pas suivre cette voie dans cet exercice, j'ai soulevé la question et je devrais y donner suite. Bien que je ne suis pas un grand fan de cette technique, c'est un excellent moyen d'obtenir des points de repère d'événement précis dans un fichier FLV, puis d'utiliser ces points de repère dans Flash. Voici comment:
Sélectionnez Fichier> Exporter> Transcription vocale..
Nommez le fichier et enregistrez-le dans le dossier Exercice..
Sélectionnez Fichier> Importer> Marqueurs..
Accédez au fichier XML, sélectionnez-le et cliquez sur Ouvrir. Les marqueurs apparaîtront sur la timeline de Soundbooth. Cette étape explique comment la transcription XML est extraite dans Soundbooth et utilisée pour créer des points de repère d’événement dans un fichier FLV..
Sélectionnez Fichier> Enregistrer sous. Lorsque la boîte de dialogue Enregistrer sous s'ouvre, sélectionnez FLV / f4v dans la liste déroulante Format et renommez le fichier. Cliquez sur Enregistrer. Cela lancera Adobe Media Encoder.
Choisissez le format FLV. Avant de faire cela, jetez un coup d’œil à la zone Points de repère sous l’aperçu. Remarquez comment ils sont maintenant intégrés au fichier.
À ce stade, vous pouvez choisir de coder la vidéo, puis d’utiliser les points de repère incorporés dans le fichier FLV pour créer des sous-titres ou permettre une recherche dans la vidéo. Si vous souhaitez explorer davantage ce sujet, Marcus Geduld et Richard Harrington le couvrent assez bien ici, cliquez sur le lien en bas de page pour télécharger le chapitre, tiré de leur livre "After Effects pour Flash, Flash pour After Effects".
Avant la sortie de Flash CS3, la vidéo de sous-titrage était là pour vous frapper à la tête avec une brique. Ce n'était pas facile et devait être évité autant que possible. L’un des obstacles à l’adoption, par ailleurs rapide, de la vidéo Flash était l’accessibilité, de plus en plus demandée par les gouvernements du monde entier. L'introduction du composant de sous-titrage FLVPlayback dans Flash CS3 a résolu ce problème. Voici comment:
Entrez le code XML suivant dans un éditeur de texte ou dans Dreamweaver CS4:
Ce n'est pas un après-midi d'automne typique en ville.
Aujourd'hui, les morts descendent dans les rues
pour la septième édition de "Zombie Walk" à Toronto.
La route de cette année a mené les zombies à une randonnée sinueuse dans le centre-ville de Toronto,
du parc Trinity Bellwoods jusqu'au cinéma Bloor.
La promenade s'est terminée ici au cinéma Bloor
où les morts-vivants regardent maintenant une collection de films sur le thème des zombies
fournis par leurs amis au festival After Dark Film.
Les organisateurs disent que cette marche a été l'une des plus réussies de tous les temps.
Je suis Stephanie Skendaris pour thedailyplanet.com
Lorsque vous avez terminé, enregistrez le document en tant que document .xml..
Ce que vous venez de saisir est le format XML - TimedText - utilisé par le composant. Si vous ouvrez le document ZombiesSB.xml produit par Soundbooth, vous remarquerez qu'il existe une énorme différence entre eux. Si vous allez utiliser le composant, vous devez utiliser le format TimedText.
Comme vous pouvez le constater, vous pouvez définir le style de chaque légende et attribuer à chaque légende un point de départ et un point de fin. Ces chiffres ont été obtenus auprès de Soundbooth, mais vous pouvez utiliser QuickTime, Adobe Media Encoder ou tout autre logiciel affichant le code temporel..
Chaque légende que vous écrivez doit contenir un attribut begin, qui détermine à quel moment la légende apparaît. Si vous omettez l'attribut dur, la légende restera à l'écran jusqu'à ce que la légende suivante apparaisse ou que la vidéo se termine. Vous pouvez également trouver intéressant de savoir que l'attribut dur indique à Flash combien de temps la légende restera à l'écran. Si vous utilisez end, à la place, cela indique à Flash l'heure à laquelle la légende doit disparaître.
Lancer un nouveau document Flash Actionscript 3.0.
Enregistrez le fichier fla dans le même dossier que le fichier .xml et le fichier .f4v inclus dans le téléchargement..
Ajoutez deux couches supplémentaires à la chronologie Flash. Nommez-les: vidéo, légende et texte .
Ajoutez un composant FLVPlayback au calque vidéo. Ouvrez l'inspecteur de composants et définissez le chemin de contenu du composant sur Zombies.f4v, puis sélectionnez SkinUnderPlaySeekCaption.swf dans le paramètre Skin. Le composant va jaillir à la taille du flv - 873 par 480. Redimensionner la scène à 873 par 600 pour accueillir la peau et les légendes.
Ajoutez le composant FLVPlaybackCaptioning au calque Légende. Vous pouvez mettre le composant n'importe où sur la scène, mais je préfère le coller sur le presse-papiers. Il faut juste qu'il soit dans le film pour que ça marche.
Sélectionnez le composant Sous-titrage et ouvrez l'inspecteur de composants. Il suffit de faire deux choses ici: Indiquez au composant où placer les légendes et où se trouve le fichier XML. Définissez le paramètre captionTargetName sur txt et la source sur ZombiesTT.xml..
Si vous laissez le paramètre captionTargetName à la valeur par défaut, auto, les légendes apparaîtront sur la vidéo..
Ajoutez une zone de texte dynamique au bas de la scène et attribuez-lui le nom d'occurrence txt. C'est là que la légende apparaîtra. Une valeur sûre pour le texte dans la zone de texte est d’utiliser Arial ou _sans.
Nous avons couvert beaucoup de terrain dans cet exercice. Je vous ai montré comment transformer la piste audio d'une vidéo en une transcription dans Soundbooth CS4. Vous avez également vu comment cette transcription avait été transformée en marqueurs audio dans Soundbooth et comment ces marqueurs audio sont ensuite transformés en points de repère d'événements intégrés dans un fichier FLV. L’aspect intéressant de tout cela est que tout le processus peut être complété sans quitter Soundbooth..
Je vous ai également montré comment écrire un fichier XML TimedText et comment utiliser ce fichier pour fournir des légendes à la lecture de vidéos dans le composant FLVPlayback. J'espère que tu as aimé!
Remarque: En préparant ce didacticiel, j'ai remarqué que l'application se bloquait lorsque j'ai ouvert le fichier TimedText xml dans Dreamweaver CS4. Lorsque la même chose s'est produite dans une classe où j'enseignais à mon collège, j'ai contacté Adobe pour voir si cela posait problème. Il est. Dans ce tutoriel, j'utilise un document XML contenant des informations sur le style. Dreamweaver CS4 renonce à essayer de le lire en tant que CSS et se bloque. Adobe m'a dit qu'ils ne le savaient pas, qu'il s'agissait bien d'un bogue et qu'il sera corrigé dans la version CS5 de Dreamweaver. Ce n'est pas un "tueur de transaction". Bien que j'affiche le code XML dans Dreamweaver CS4 (avant son blocage), vous pouvez toujours utiliser n'importe quel éditeur de texte pour écrire le fichier XML..
Accentsconagua