De la musique sur sa page Web

Voir et écouter la page modèle

Dans cet exercice, vous allez placer de la musique sur une page Web. Nous choisirons la page5.html. Lorsqu'on ouvrira cette page un morceau de musique se mettra à jouer.

Il faut d'abord trouver un fichier son .way ou .mid. Nous choisirons plutôt un fichier son MIDI.

Pour en savoir plus cliquez ici L'acronyme MIDI est relié à Musical Instrument Digital Interface. Ce n'est pas un objet tangible, un logiciel, mais un protocole de communications permettant à des instruments musicaux électroniques de communiquer entre eux . Le fond sonore est automatiquement joué à chaque fois qu'un utilisateur ouvre votre page ou y revient. Pour les pages qui sont fréquemment ouvertes, telles que les pages d'accueil, cette répétition peut devenir pénible. Vous pouvez plutôt ajouter le fond sonore à une page à laquelle l'utilisateur est susceptible d'accéder moins souvent.

Tout sur le MIDI et même plus, les logiciels, son home studio. Excellent.

Cours de Technologie musicale et Atelier de studio MIDI  -  CEGEP St-Laurent.

Objectif

1. Montrer sa compétence à placer un fichier son (MIDI) dans une page Web qui s'auto-exécutera à l'ouverture de la page.

Consignes

1. Il vous faudra travailler en mode code HTML [Image]Il faut savoir qu'il existe 2 parties dans la structure d'une page Web (HTML) : HEAD et BODY. Pour placer du son sur votre page Web il faudra ajouter des codes HTML dans la partir BODY de votre page Web. Il faudra d'abord vous trouver une musique MIDI.

2. Vous allez placer la ligne de codes ci-dessous dans la partie BODY de votre page Web

<embed src="xxx.mid" width="120" height="30" autostart="true" repeat="false">

HEIGHT / WIDTH
Hauteur et largeur assignés au player. HEIGHT=0 cache le player, mais vous n'aurez aucun contrôle sur pause et le volume…il sera invisible.
AUTOSTART=TRUE
Déclenche le son aussitôt la page chargée
AUTOSTART=FALSE
Permettra de ne démarrer le son qu'en cliquant sur le bouton " play " du player si vous l'avez mis visible à l'écran.
REPEAT=FALSE           REPEAT=1,2,3
REPEAT=TRUE
L'exécution du son a lieu 1 seule fois
Le son jouera 1 fois, 2 fois…
Répète le son jusqu'à ce que le bouton " stop " du " player " soit cliqué

[Image]

Voici ce que vous verrez dans AOLPress si vous avez donné des valeurs à width et height.

[Image]

Dans cet exemple, la musique se mettra à jouer aussitôt que l'on ouvrira votre page mais on verra  un grand "X" sur la page (AOLPress) et, dans, internet explorer, un genre de petit bouton comme sur les enregistreuses pour démarrer, arrêter la musique, un "player"...ce qui n'est pas trop esthétique et , avouons-le, ce n'est pas très professionnel. Pour faire disparaître ce " truc " vous allez mettre à " 0 " les valeurs de BORDER, WIDTH et HEIGHT.

<embed src="xxx.mid" width="0" height="0" autostart="tru" repeat="false">

3. Attention ! Lorsque vous écrivez cette ligne de codes en indiquant =0 pour WIDTH et pour HEIGHT vous ne verrez rien dans AOLPRESS mais vous utilisez quand même un espace. Il est invisible, mais il existe. Si vous écrivez ou si vous placez autre chose dans cet espace vous effacerez la ligne de code de votre musique MIDI. " …alors, dansez maintenant ! "

Retour à la page d'accueil