- 1 - Stage inter académique / Le Châtelet en Berry - 12-13

Stage inter académique / Le Châtelet en Berry - 12-13-14 Mars 2007
Relation image son / Création d’applications pédagogiques
Programme de travail
1. présentation d’outils de conversion vidéo :
♦ rappel sur les formats :
− audio : wav ; mp3 ; ogg ; aif ; ac3 …
− vidéo : vob ; avi (dont Divx ; Xvid) ; mpg ; wmv ; flv ; mov …
♦ ripper un DVD, convertir des fichiers (dont les formats peuvent être divers) :
− découper un fichier vidéo
− supprimer une bande son d'un fichier
− lui attribuer une autre source sonore
♦ Outils logiciels proposés :
− DVDx : logiciel qui permet de ripper entièrement un DVD
− VirtualDub : logiciel de conversion (essentiellement en *.avi) et de
découpage, extraction audio, «d’attribution » d’une nouvelle source
− Video2Flash : logiciel qui convertit la plupart des fichiers vidéos
− IVC (Internet Video Converter) : logiciel qui convertit la plupart des
fichiers et qui permet aussi de récupérer des vidéos sur des sites
« ouverts » sur Internet
(ex : Youtube ; VideoGoogle …)
2. création simple d’un DVD avec « menus »
♦ Outil proposé : ConverXtoDVD
3. créer, manipuler, piloter des fichiers vidéo dans un logiciel de PAO
(présentation assistée par ordinateur) :
♦ Outil proposé : ASYMETRIX pour une utilisation pédagogique dans le cadre du cours
− logiciel qui malgré son ancienneté, fonctionne sur la plupart des
plateformes (Vista compris) ; et qui gère parfaitement la vidéo.
− de nombreuses applications pour le cours sont disponibles sur le site
EDUCNET et peuvent être utilisées, reprises, transformées, adaptées
pour sa propre pédagogie.
4. Supports proposés :
♦ des DVD pour exemples de conversion
♦ extraits de films / extraits publicitaires
♦ applications utilisées en cours
Alain Berthet
IANTE Académie Orléans –Tours
[email protected]
-1-
DVDx
(Outil gratuit)
Logiciel pour convertir un DVD dans un format exploitable
dans le cadre d’une application pédagogique, dans un outil PAO
♦
♦
♦
♦
♦
♦
♦
A = ouvrir la racine du DVD (c’est-à-dire le lecteur d’origine)
B = ouvrir le fichier « IFO », il contient toutes les informations du DVD
C = ouvrir les fichiers VOB
D = sélection des paramètres d’entrée (choix des VOB) Î ci-dessous
E = sélection des paramètres de sortie pour la conversion Î ci-dessous
F = répertoire de sortie sur l’ordinateur (et nom de fichier)
G = lancement de l’encodage du DVD
Paramètres d’entrée
♦
♦
♦
♦
choix des parties du DVD : dans l’INDEX
choix de la piste AUDIO,
le plus simple = 2 canaux stéréo
choix des sous-titres
les autres choix sont moins primordiaux
Paramètres de sortie
♦
♦
choix du format de sortie (en haut / gauche) :
les formats MPEG1 (= mpg) et WMV sont les plus
ouverts ; AVI compressera davantage le fichier si les
CODECS sont disponibles sur la machine
les autres paramètres sont à « évaluer » : vérifier
par exemple la partie « Volume n’excède pas »
Progression simplifiée pour l’encodage :
ƒ placer le DVD dans le lecteur puis lancer le logiciel
ƒ puis reprendre le cheminement de A à G (les parties C et D sont au choix)
ƒ attention, le temps d’encodage (cf. G) dépend des capacités de l’ordinateur (du
processeur, de la totalité ou seulement d’une partie du DVD …)
ƒ conseil, si vous ne voulez pas vous confronter à des problèmes de compatibilité entre
votre ordinateur et celui de votre établissement, prenez le format MPG (mpeg1)
-2-
Video2Flash
(Logiciel gratuit)
Utilitaire qui permet de convertir les formats vidéo
Ce logiciel convertit les fichiers les plus utilisés (AVI, MPG, MOV, WMA, FLV). Il agit également sur la
conversion des fichiers VOB (issus d’un DVD, être « patient » pour la clôture de la session …)
1. Importer le fichier (cadre rouge)
2. Cliquer sur OPTiONS (cadre bleu)
3. dans la nouvelle fenêtre, choisir le format d'exportation (cadre violet) et maintenir les proportions d'origine
(keep size...) … ou faire des tests
4. choisir le répertoire d'enregistrement (cadre vert) puis revenir ensuite dans le premier panneau ("BATCH")
5. cliquer sur Convert (cadre noir)
6. au message avant conversion, il faut répondre NON car cette version d'évaluation ne peut convertir
plusieurs fichiers à la fois (ce qui n'est pas très important)
7. outil particulièrement simple et intéressant si vous voulez convertir un fichier vidéo récupérer sur le net au
format FLV (flash video) pour l’intégrer dans un logiciel PAO
8. en revanche il ne permet pas de retirer la bande son de la vidéo
VirtualDub
(Logiciel gratuit)
Utilitaire pour découper, convertir, retirer une bande son, en ajouter une nouvelle …
(retirer / ajouter une bande-son)
(placer les curseurs)
1. Pour découper un fichier vidéo :
♦ placer le curseur sur la ligne du temps puis
cliquer sur un « début » et « fin »
(cf. cadre rouge)
♦ menu VIDEO pour faire une sauvegarde
rapide de la vidéo découpée et choisir la
partie « Copie de flux directe » (cadre jaune)
♦ pour sauvegarder la vidéo découpée, cliquer
sur « enregistrer AVI segmenté… » dans le
menu Fichier (cadre blanc)
2. Si vous voulez retirer la bande son de la vidéo :
♦ cliquer dans le menu AUDIO puis
sélectionner « Pas de son »
♦ vous pouvez aussi placer une autre source
sonore (la format WAV est nécessaire)
3. Pour sauvegarder, attention aux CODECS :
♦ menu VIDEO puis « compression »
(ou raccourci CTRL+C) et choisir dans le
menu déroulant le mieux adapté
♦ N.B. : vous pourrez toujours reconvertir votre
fichier avec Video2Flash
(découper un fichier vidéo)
(enregistrement)
Ce petit logiciel permet bien d’autres opérations : à tester …
-3-
ConvertXtoDVD
(Logiciel gratuit en version d’évaluation : « logo publicitaire permanent »)
Outil permettant de créer un DVD avec menus, chapitres …
Conseil : afin d’éviter toute déconvenue ...toujours faire des tests sur support DVD réinscriptible.
♦
La partie de gauche concerne les
fichiers destinés à la conversion (menu
fichier puis « ajoute un fichier vidéo… »)
♦
La partie de droite affiche les
informations des fichiers sélectionnés
et la possibilité de les visionner
♦
La partie du bas détaille les différentes
étapes du processus en cours
♦
Les différentes parties peuvent être
affichées ou non : il suffit de
sélectionner le menu « fenêtre » puis
de cocher les options
Réglages dans le menu « Paramètres » des options
♦
♦
♦
♦
♦
♦
♦
Général : il s’agit du répertoire de travail (par défaut il se trouve dans le sous répertoire dans « Mes Documents »)
Langue : modification de la langue d'utilisation
Chapitres : possibilité d'insérer des chapitres dans le projet à intervalles de temps réguliers
Format de la TV : on choisit le format de destination (laisser plutôt les valeurs sur « automatique »)
Gravure : choix et vitesse de gravure.
Sous-titres : choix de langue de la police de caractère mais doivent être présents dans les fichiers sources.
Audio : sélection de la langue lorsque plusieurs flux sont disponibles dans le fichier original.
Encodage : laisser les valeurs recommandées. Plus elle est lente, meilleure est la qualité
Création du menu et conversion de fichiers vidéo
La fonction « glisser / déposer » permet d’insérer un ou plusieurs fichiers
vidéo ou par le menu « Fichier » puis « Insérer un fichier vidéo »
♦ on peut inclure un menu, insérer un fond d’écran …
♦ un clic droit sur un fichier sélectionné permet de :
o le visionner lors de la conversion
o le supprimer de notre liste
o le positionner chronologiquement par rapport aux autres fichiers
o y ajouter un sous-titre
Il existe encore d’autres fonctions à tester
Enfin
il suffit de lancer la « conversion »
pour créer les fichiers VOB
puis
de lancer la gravure sur DVD
(réinscriptible … au cas où …)
-4-
ASYMETRIX
(Logiciel gratuit pour les enseignants / fonctionne sous pc / compatible encore avec Vista)
Utilisations des principales fonctions en quelques points
Il faut avant tout travail créer un dossier dans lequel vous placerez les éléments media qui seront lus par l’application
ASYMÉTRIX. Dans le cas contraire, l’ordinateur risque de ne pas retrouver et lire correctement les objets intégrés.
1. CHOISIR un MODÈLE : c’est-à-dire l’aspect général de la présentation.
♦
♦
♦
♦
♦
♦
♦
Changer le modèle : Menu Diapositive + Changer de modèle + sélectionner …
(faire ensuite son choix du modèle au format « .tpl » dans les différents dossiers)
Il est possible de changer la couleur, le motif de l’arrière-plan ; créer des effets - dégradé –
Menu Diapositive + Paramètres de l’arrière-plan
Pour ajouter une diapositive à la présentation, le raccourci clavier est le moyen le plus simple (Alt+Entrée)
Pour réaliser un duplicata d’une diapositive : Menu Diapositive + Ajouter + Duplicata (très pratique pour
enchaîner une diapositive comportant les réponses à un tableau)
Il est possible de paramétrer les enchaînements des diapositives : Menu Effets + Enchaînement de
diapositives (choisir ensuite une formule pour ces enchaînements : « appliquer à » et « effet » et « passer à »)
Le clic droit sur une partie non active de la diapositive permet d’accéder aux différents outils
« diapositive » sans passer par le Menu Diapositive.
2. ÉCRITURE DANS ASYMÉTRIX ET IMPORTATION D’ IMAGES ET/OU TEXTES :
inclure des zones de texte ; des étiquettes, des boutons ; graphiques ; dessins.
♦
Menu Affichage + Palettes + outils
(ou raccourci écran avec l’icône outils)
♦
♦
Faire ensuite le choix des « objets » à insérer dans la diapositive
Pour tout ce qui concerne le texte, (changer de police, caractère,
alignement de texte, bordure de la zone texte …)
utiliser le clic droit sur la partie à modifier
♦
Changer les couleurs du texte, ajouter un fond… : Menu affichage + Palettes + couleurs (ou raccourci
écran avec l’icône couleur)
Importer une image externe à ASYMETRIX : toujours choisir de préférence le format « .gif » pour ne
pas trop alourdir l’application : Menu Fichier + Importer + Graphisme (bien vérifier l’extension dans
« liste des fichiers de type ») et rechercher ensuite l’image à son emplacement Î l’image sera intégrée
à l’application c’est-à-dire qu’il ne sera pas nécessaire de l’intégrer dans le dossier d’origine
Importer un texte depuis Word : réduire la fenêtre Asymétrix + copier-glisser dans la diapositive
(ATTENTION, copier-glisser et non copier-coller) = cette méthode est plus simple que de faire intervenir
le mode « importer » Î vous pouvez ensuite lancer le document Word (si le logiciel est installé sur
l’ordinateur - récepteur de l’application) et l’imprimer -si c’est un collègue- ou le lire simplement sans le
modifier (il est en lecture seule) dans la salle réseau- chaque élève pourra toutefois l’enregistrer avec
ses réponses dans son dossier sur le réseau.
♦
♦
3. INTÉGRATION D’UNE SOURCE MULTIMÉDIA DANS ASYMÉTRIX :
♦ Clic droit sur un objet image, texte, graphique …puis clic sur l’icône
♦
♦
♦
♦
♦
(ou Ctrl + M)
multimédia
choisir l’élément multimédia : fichier midi ; son = .wav ou .mp3 ; ou
piloter directement un CD audio
cette fenêtre « liaisons média » permet également de sélectionner
des liens qui arrêteront la lecture des éléments média
Dans le cas d’une lecture d’un CD audio : clic sur
nouveau + donner un nom au CD + réaliser la sélection
voulue en définissant le début et la fin de la lecture de
l’extrait choisi ; ne pas oublier de donner un nom à l’extrait
Procéder de la même façon pour lire un autre fichier
média-son (midi-wave-mp3)
Lancer une image et/ou un texte invisible : sélectionner objet avec le clic droit + Animation + nommer
l’objet + suivre les instructions à l’écran (il y a la possibilité d’effectuer un test). Créer ensuite un bouton,
un Hypermot, une zone texte … et suivre la procédure donnée plus haut dans « Liaisons média » et
sélectionner « Lecture animation Asymétrix Présentation » et le nom donné à l’Animation
-5-
4. LIENS VIDEO dans ASYMETRIX :
il est également possible de lire des vidéos (au format « .avi » essentiellement mais compressé / ou Mpg)
−
−
−
−
−
−
−
créer un Bouton / texte … qui sera le déclencheur de la vidéo
puis clic droit + icône « Liaisons média » (ou Ctrl + M)
dans « Liaisons Média », cliquer sur « Lecture Vidéo Numérique » dans Action
créer une visionneuse et donner lui un nom
Cliquer sur nouveau et aller chercher le fichier vidéo (que vous aurez préalablement placer
dans le dossier de l’application Asymétrix)
Taper ensuite son nom « nom du fichier » (Asymétrix ne le retrouve pas automatiquement).
Le NOM ne doit pas dépasser huit caractères. Î Cliquer sur OK
Vous pouvez déplacer la visionneuse sur la diapositive pour faire apparaître la vidéo où vous voulez
N’oubliez pas de sauvegarder votre projet
menu « FICHIER » puis « enregistrer sous »
Le fichier portera l’extension *.cpl
5. RACCOURCIS-CLAVIER : (en gras les principaux)
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
F1 = aide
F2 = pause dans une projection programmée
F3 = pour passer du logiciel (écriture) en mode présentation (lecture)
F4 = affichage de l’arrière plan
F5 = visualisation des différentes diapositives sur l’écran (en mode écriture)
F7 = préférences de démarrage
F9 = notes pour chaque diapositive
Ctrl + T = modifications des caractères (police ; style ; taille)
¾ Ctrl + G = caractères gras
¾ Ctrl + I = italiques
¾ Ctrl + S = soulignés (alors que sous Windows, on frappe Ctrl + U)
Ctrl + Z = annuler la dernière opération
Ctrl + M = liaisons média (ou clic droit puis icône sur l’objet)
Alt + Entrée = ajouter une nouvelle diapositive
Ctrl + E = enregistrement de l’application (alors que sous Windows, on frappe Ctrl + S)
Alt + F4 = quitter (à tout moment la lecture ou l’écriture dans Asymétrix)
Ctrl + D = dupliquer un objet dans la ou une autre diapositive (équivalent au Copier-coller
sous Windows, mais sans passer par Ctrl + C –copier- puis Ctrl + V –coller-)
Alt + F3 = configurer une projection (en mode interactif ; minuté ; démarrer…)
Ctrl + les flèches (en mode lecture ET écriture)
¾ Haut = première diapositive
¾ Bas = dernière diapositive
¾ Gauche = diapositive précédente
¾ Droite = diapositive suivante
Ctrl + W = créer un Hypermot (càd l’équivalent du lien hypertexte pour les pages Html sur
le web) Î très pratique pour lancer une séquence musicale liée à un mot du texte.
Ctrl + H = créer une Hyperliaison entre des diapositives (très important : l’application
devient totalement interactive).
-6-
Synchronisation Audio - Vidéo dans ASYMETRIX
1. Naturellement, vous devez posséder les deux fichiers sources en réglant les codecs
nécessaires aux lectures afin d’éviter d’alourdir votre dossier : mpg / divx* .avi / *.mp3
mais avec extension *.wav – cf. fiche tutoriel CDex pour la conversion « mpeg/riff/wav »
(format équivalent en poids au mp3 mais totalement piloté) [Attention aux droits]
2. Créez un objet avec la palette « outils » sur la page pour lui attribuer une « Animation » :
a. clic droit sur l’objet + « Animation »
(attribuez un nom à cette animation)
b. n’oubliez pas de cocher la case « masquer l’objet au début
… …et à la fin »
c. placez l’ « exécution » à la vitesse « La plus rapide » ………Î
d. cette animation restera invisible en mode lecture mais
déclenchera la synchronisation souhaitée (ci-dessous).
3. faites le lien média avec l’animation Î Ctrl + M
a. sélectionnez dans la partie « Déclencheur » (à gauche) : « Début d’animation »
b. puis le fichier vidéo dans la partie « Action » (à droite)
Rappel : vous devez
importer un fichier vidéo
avec le sous-menu
« lecture vidéo numérique »
(créez une visionneuse si
besoin et la placer où vous
le souhaitez sur la
diapositive).
c. appuyez sur « Définir »
pour valider cette opération (colonne de droite)
d. poursuivez dans le même menu « Déclencheur » en sélectionnant « Fin d’animation »
puis le fichier son (*.wav ou mp3) dans « Action », et validez encore l’opération.
e. cliquez sur OK pour valider l’ensemble (selon vos options pédagogiques, vous venez
d’obtenir la « synchronisation » ou l’ « a-synchronisation » des fichiers audio et vidéo) ;
le reste n’est que « mise au point » temporelle des deux fichiers sources
4. Vous devez enfin créer un objet
(texte ; bulle …) avec la palette
« outils », ou même choisir une image,
qui déclenchera l’animation :
a. clic droit sur l’objet et Ctrl + M
b. choisissez dans le sous-menu
« Lecture animation Asymetrix Presentation »
(partie « Action ») et retrouvez dès lors l’animation créée précédemment
c. validez l’ensemble (OK) en prenant soin de choisir « clic » dans la partie « Déclencheur »
5. Rappel « pas à pas » simplifié pour créer un lien vidéo
a. choisir l’outil texte par exemple, ou une image puis Ctrl + M (liaison média)
b. lecture vidéo numérique dans « Action »
c. créer une visionneuse (lui donner un nom) Î regarder à ce stade dans le menu « options » pour
« ajuster à la visionneuse » (c’est-à-dire la grandeur de l’image) N.B.: vous pouvez la déplacer.
d. cliquer nouveau dans « clip vidéo » :
• placer tous les fichiers dans « liste… »
• aller dans le répertoire puis cliquer sur le fichier vidéo (puis OK)
• vérifier en mode lecture = F3 / revenir mode écriture = F3
• idem pour l’audio
-7-