Etape 7
Révision
"Mais non, je ne vous laisse pas tomber".
Voici quelques éléments pour vous aider
dans votre tâche.
Pour obtenir un affichage de la position avec juste un chiffre après
la virgule, nous nous servirons d'une des fonctions mathématiques proposées
par javascript : la fonction Math.round qui arrondit un nombre à
la valeur entière.
"Et si on veut un chiffre après la virgule
?"
"C'est justement l'astuce que je vous propose"
On commence par multiplier la valeur de CurrentTime
par 10. Après avoir appliqué l'arrondi on divise par 10 le nombre
obtenu. Il restera à affecter ce nombre à la valeur de "compteur" :
document.getElementById('compteur').value=Math.round(lecteur.currentTime*10)/10;
Rechargez le fichier page6.html et renommez-le en page7.html
A vous de jouer en remplaçant la ligne concernée par celle ci-dessus.
En cas de problème consultez le code source de l'exemple7.html fourni.
Pour que l'affichage ne saute pas il faut fixer la
largeur du bouton. Cela se fait en ajoutant le code : style="width:50px;",
ce qui donne la ligne modifiée :
<input type="button" value="0.0" Id="compteur" style="width:50px;"/>
Dans la foulée vous pourriez vous doter d'un
bouton de retour en arrière :
Recopiez la dernière des lignes comprenant une
balise input et collez-la avant la balise de fin du paragraphe </p>.
Modifiez-la comme suit :
<input type="button" value="Reculer" onClick="lecteur.currentTime=lecteur.currentTime-0.5"/>
A chaque click la tête de lecture reculera de 0.5 secondes.
En vous servant de pause et currentTime vous pourriez également rajouter un bouton Arrêt.
Autre manip : remplacer tous les boutons par
de petites images : commencez par placer le(s) fichier(s) image dans le dossier
de travail web&son.
Les balises input seront à transformer en balises
img (pour image). Il faudra également indiquer la source de l'image.
Le reste est inchangé.
<img src="mon_image.gif" onClick="............;"/>
en supposant que le fichier image s'appelle mon_image.gif
Vous avez maintenant tous les éléments
pour créer vous-même des applications basées sur le son
:
exercices d'écoute, commentaires d'oeuvres etc...
Dans l'étape suivante je vous propose une application parmi des
centaines possibles : un instrument de musique sur une page web