Médiaforma

All posts tagged audio

Pour enregistrer un commentaire vocal dans une diapositive, procédez comme suit :

  1. Connectez votre microphone sur l’ordinateur.
  2. Affichez la diapositive dans laquelle vous souhaitez insérer un commentaire.
  3. Sélectionnez l’onglet Insertion dans le ruban, cliquez sur l’icône Audio dans le groupe Media et sélectionnez Enregistrer l’audio dans le menu.
  4. Donnez un nom au fichier audio et cliquez sur le bouton Enregistrer pour commencer l’enregistrement.
  5. Cliquez sur Arrêter pour arrêter l’enregistrement puis sur OK pour insérer le fichier audio dans la diapositive.

Une icône représentant un haut-parleur apparaît sur la diapositive. Pour entendre le commentaire audio lors de la présentation, il suffit de cliquer sur le haut-parleur.

Vous pouvez également faire en sorte que le son soit lu dès l’affichage de la diapositive : cliquez sur le haut-parleur, basculez sur l’onglet Outils audio/Lecture et sélectionnez Automatiquement dans la liste déroulante Début (groupe Options audio).


Vous pouvez insérer un fichier audio dans une diapositive.

Si le fichier se trouve sur les unités de masse de l’ordinateur :

  1. Cliquez sur la diapositive concernée.
  2. Basculez sur l’onglet Insertion dans le ruban.
  3. Cliquez sur l’icône Audio dans le groupe Média et sélectionnez Audio sur mon PC dans le menu.
  4. Désignez le fichier AIFF, AU, MIDI, MP3, MP4 audio, WAV, WMA ou Audio QuickTime à utiliser et cliquez sur Insérer.

Pour définir le mode de lecture du fichier audio, cliquez sur le haut-parleur qui le représente dans la diapositive, sélectionnez l’onglet Outils audio/Lecture dans le ruban et utilisez la liste Début du groupe Options audio pour indiquer l’élément déclencheur du son.


Si vous aimez travailler en musique, Insérez un CD audio dans votre lecteur et refermez le tiroir. Au bout de quelques instants, une notification vous demande de cliquer pour définir l’action à accomplir avec le CD audio :

Cliquez sur la notification. Une boîte de dialogue s’affiche :

Cliquez sur Lire un CD audio pour démarrer la lecture. Sans aucune autre action de votre part, Windows identifie les morceaux stockés sur le CD et affiche une version réduite du Lecteur Windows Media. Le nom de l’album, le nom de l’artiste et le nom des morceaux en cours de lecture sont clairement affichés dans la fenêtre du lecteur Windows Media.

L’interface du Lecteur Windows Media est similaire à celle d’un lecteur de CD. Utilisez les icônes Arrêter, Précédent, Lecture / Pause, Suivant, Muet et Volume pour interagir avec le Lecteur.

Lorsque vous introduirez à nouveau un CD audio dans le lecteur, il sera automatiquement lu dans le lecteur Windows Media.


Etape 8 – Ajout de sons pour réagir au jeu

Pour rendre le jeu un peu plus sympathique, nous allons lui ajouter du son. Pour cela, nous ferons appel aux balises HTML5 <audio>.

Vous pouvez télécharger des sons et effets spéciaux sur le site http://www.universal-soundbank.com/.
Internet Explorer sait lire les sons au format MP3. Quant à Chrome et Firefox, ils savent lire les sons au format OGG. Pour assurer la compatibilité avec ces trois navigateurs, vous devrez donc fournir chaque son aux formats MP3 et OGG. Le navigateur choisira le format qui lui convient.
Pour convertir des sons, je vous conseille d’utiliser le freeware Free MP3 WMA Converter en vous rendant sur la page http://www.koyotesoft.com/.

Pour insérer un son dans le document, vous utiliserez le code suivant. Ici, le son a pour identifiant « oui ». Il est fourni aux formats MP3 et OGG via deux balises <source> :

<audio preload=”auto” id=”oui”>

<source src=”oui.mp3″ type=”audio/mp3″>

<source src=”oui.ogg” type=”audio/ogg”>

</audio>

Le jeu va utiliser quatre sons d’identifiants oui, non, bravo et superbravo :

Le son d’identifiant oui sera joué lorsque le joueur clique sur une carte qui peut être rendue visible. Le son d’identifiant non sera joué lorsque le joueur essaye de rendre plus de deux cartes visibles simultanément. Le son d’identifiant bravo sera joué lorsque le joueur apparie deux cartes. Enfin, le son d’identifiant superbravo sera joué lorsque la partie est terminée.

Les balises <audio> sont insérées dans le code HTML, juste après le titre H1 :

<body>

<h1>Memory – Evaluez votre mémoire</h1>

<audio preload=”auto” id=”superbravo”>

<source src=”superbravo.mp3″ type=”audio/mp3″>

<source src=”superbravo.ogg” type=”audio/ogg”>

</audio>

 

<audio preload=”auto” id=”bravo”>

<source src=”bravo.mp3″ type=”audio/mp3″>

<source src=”bravo.ogg” type=”audio/ogg”>

</audio>

 

<audio preload=”auto” id=”oui”>

<source src=”oui.mp3″ type=”audio/mp3″>

<source src=”oui.ogg” type=”audio/ogg”>

</audio>

 

<audio preload=”auto” id=”non”>

<source src=”non.mp3″ type=”audio/mp3″>

<source src=”non.ogg” type=”audio/ogg”>

</audio>

Pour jouer un son, le plus simple consiste à utiliser une instruction jQuery. Par exemple, pour jouer le son d’identifiant oui, vous utiliserez cette instruction :

$('#oui')[0].play();

Avant de pouvoir utiliser ce type d’instruction, vous devez faire référence à la bibliothèque jQuery dans l’en-tête du document en utilisant une balise <script>.

<script src=”http://code.jquery.com/jquery-1.6.1.min.js”></script>

Ici, la bibliothèque jQuery vient du CDN jQuery. Pour ceux qui ne le sauraient pas, CDN signifie Content Delivery Network. Ce terme fait référence à des ordinateurs reliés à Internet qui mettent à disposition du code (ici jQuery) aussi rapidement que possible. Il existe trois « gros » CDN pour jQuery : jQuery, Google et Microsoft. Ici, nous avons choisi d‘utiliser le CDN jQuery, mais rien ne vous empêche de choisir un des deux autres, ou pourquoi pas, d’héberger la bibliothèque jQuery sur votre propre site.

Pour l’instant, nous allons insérer le code qui permet de jouer les sons d’identifiants oui, non et bravo. Nous nous intéresserons au son d’identifiant superbravo par la suite, lors de l’implémentation du code qui détecte la fin de la partie.

Lorsque le joueur clique sur une carte, le son d’identifiant non doit être joué si deux cartes sont déjà visibles. Dans le cas contraire, le code défini à l’étape précédente peut être exécuté :

if (nombre_retourne==2)

$(‘#non’)[0].play();

else {

Lorsqu’une carte peut être rendue visible, le son d’identifiant oui doit être joué :

else {

nombre_retourne++;

document.getElementById(id).src = name; // On montre la carte

$(‘#oui’)[0].play();

Enfin, lorsque deux cartes viennent d’être appariées, le son d’identifiant bravo doit être joué :

if (memo_carte == name) {

$(‘#bravo’)[0].play() ;

Exécutons ce code. Comme vous pouvez le constater, les trois sons sont maintenant opérationnels. Ici, nous utilisons le navigateur Google Chrome, mais le résultat est identique dans Internet Explorer 10 et Firefox.