TD Objets Pédagogiques - Jean

Université Stendhal - Département Informatique Pédagogique - Copyright Jean-Philippe Pernin
Travail dirigé : Manipulation de son avec Audacity
et intégration dans une page web
1
OBJECTIFS
 Savoir effectuer les traitements de base sur différents types de sons
 Être capable d'intégrer un son dans une page HTML avec la balise <audio>
2 LE SUJET
L'objet de cet exercice est de créer une page web simple permettant de lire un ensemble de sons que vous aurez
créés à partir de différentes sources :
- des fragments audios (texte ou musique) qui vous sont fournis
- des phrases que vous aurez enregistrées vous-même
Les étapes que vous aurez à réaliser sont les suivantes :
1. Enregistrer de nouveaux sons
2. Traiter des sons (extraction de fragments, copier-coller, effets, accélérer, ralentir, ajouter des
silences, du bruit, etc.)
3. Sauvegarder les sons produits sous le format le plus compatible avec le web : MP3
4. Intégrer les sons produits à l'aide d'un "lecteur flash léger" dans votre page web
2.1 Prise en main du logiciel
Consulter le tutoriel fourni par l'enseignant et enregistrez votre propre phrase.
2.2 Traitements de fichiers existants
Les opérations suivantes demandées sont les suivantes. Vous disposez dans les fichiers fournis d'un extrait
d'un conte au format WAV. A vous de réaliser les traitements suivants :
 Isolez les 6 premières phrases dans six fichiers différents nommés phrase1.wav, phrase2.wav, etc. Pour
cela utilisez, la fonction <Fichier><Exporter la sélection>. Repérez soigneusement le dossier dans lequel
vont être enregistrés les nouveaux fichiers.
 Vous effectuerez ensuite les traitements suivants sur chacun des fichiers créés.
phrase1.wav
accélérer le débit pour que la durée de la phrase soit sensiblement réduite sans que la voix ne soit
trop modifiée.
 tester Effets-Changer la vitesse ou Changer le tempo,
phrase2.wav
changer la hauteur :
 Effets-Changer la hauteur pour obtenir une voix féminine
phrase3.wav
remplacer tous les verbes par des silences
 exporter chacun des verbes à enlever dans un nouveau fichier. Choix <Fichier><Exporter la
sélection>. Nommez les fichiers verbe1.wav, verbe1. wav, etc.
 créer un silence pour la zone correspondant au verbe dans le fichier d'origine
<Générer><Silence…>
phrase4.wav
 Ajouter l'extrait musical fourni en fond sonore (en puissance faible).
phrase5.wav
Ajouter un léger écho à cette phrase sans nuire à l'écoute.
 Menu : <Effets><Echo…>
phrase6.wav
Sur une seconde piste, enregistrez vous et répétez en essayant de bien superposer votre voix à cette
du narrateur.
 Pour créer une seconde piste, menu : <Pistes><Ajouter nouvelle…><Piste stéréo> ou cliquer
directement sur le bouton rouge (bouton enregistrer)
Sauvez le résultat en fusionnant toutes les pistes dans un nouveau fichier Phrase6_1.wav
 <Fichier><Exporter>
-1/2-
Université Stendhal - Département Informatique Pédagogique - Copyright Jean-Philippe Pernin
3 PARTIE 2 : L'INTEGRATION DES SONS DANS UNE PAGE WEB
Pour réaliser cette intégration, la première étape consiste à transformer tous les fichiers au format MP3.
La seconde étape consiste à utiliser la nouvelle balise <audio> définie par HTML5 permettant d'intégrer vos
fichiers sons dans un page web, sans se soucier des caractéristiques du poste de l'utilisateur.
3.1 Transformation d'un fichier WAV au format MP3
Il existe de nombreux logiciels permettant de faire des conversions de formats multimédia. Dans le domaine
des logiciels gratuits, on peut citer :
3.1.1
Le logiciel Audacity
 Ouvrir le fichier puis choisir <Fichier> <Exporter>, puis choisir <Fichiers MP3> dans la liste déroulante.
Si ce choix n'est pas présent, il faut installer un composant supplémentaire (voir consignes de l'enseignant)
3.1.2
Avec un site spécialisé dans la conversion en ligne de fichiers multimédias
Le site http://www.online-convert.com/fr permet de convertir un grand nombre de formats son ou image.
Ces sites sont efficaces, mais ne permettent qu’une taille limitée des fichiers à convertir.
3.1.3
Avec un logiciel spécialisé de conversion de fichiers multimédias sur votre poste personnel
Il existe plusieurs solutions dont en particulier pour des logiciels gratuits :
 Le logiciel FormatFactory, facile d'utilisation et pouvant convertir un grand nombre de formats son ou
image. http://www.pcfreetime.com/fr/download.html
3.2 Intégration de la balise HTML5 <audio>
Après avoir à votre disposition un fichier son au format mp3, vous pouvez l’intégrer dans une page web de la
façon suivante.
<html>
<head>
<meta charset="utf-8" />
<title>Test balise audio</title>
</head>
<body>
<div> Exemples de sons </div>
<audio controls>
<source src="monfichier.mp3" type="audio/mpeg">
</audio>
</body>
</html>
3.3
Travail demandé









Sur votre disque dur, créez un dossier <test_son>
Récupérez les 6 fichiers créés à la question 2 (phrase1.wav… phrase6.wav)
Transformez chacun des fichiers au format mp3
Avec Notepad++, créez un nouveau fichier, que vous sauvegarderez sous le nom <phrases.html>
Intégrez les 6 fichiers dans la même page web < phrases.html>, comme dans l’exemple ci-dessus.
Remarque : les fichiers devront se trouver dans le même dossier que le fichier < phrases.html >
Testez le résultat
Compressez au format ZIP le dossier <test_son>
Rendez votre travail selon les consignes de l’enseignant.
-2/2-