Je voudrais mettre une musique sur mon site

Bsr Natacha

Avant tout sache que tu ne dois mettre sur ton site que des musiques libres de droit ou avec l'accord des auteurs ....

Well, well, well


Tu ne trouves pas quoi exactemment ?

Ou trouver des MP3 ?
Comment faire un fichier MP3 ?
Comment mettre un fichier MP3 sur un site en libre téléchargement ?
Comment jouer un MP3 directement à l'ouverture d'un site ?


Sache que pour faire jouer en fond sonore un MP3 sur une page web, le seul moyen que j'ai trouvé est d'utiliser un logiciel comme Flash MX et ca marche nickel même les sons en boucle (mais n'en abuse pas hein !)

Si tu veux je pourrais te montrer un exemple sur une page perso

Bsr Natacha

Voici un ex comme promis
http://www.nobodysperfect.freesurf.fr/natacha/piczo.htm


Mais il te faut absolument FlashMX si tu veux faire la même chose.

Bsr

Ben une version d'évalution de Flash Basic 8 est disponible sur le site de Macromedia

http://www.macromedia.com/fr/software/flash/basic/

Par contre ca pèse 100 Mo prévoir haut débit donc

J'ai pas encore testé pour voir si ca fonctionne comme FlashMX mais y'a pas de raison ...

Bon j'ai testé ça fonctionne mais c'est assez long a installé ...

Hé j'ai jamais dit que c'était trivial !

Un site web un tant soit peu hightech voir classe ca se mérite !

Si tu veux je peux de guider pour réaliser ta 1er anim flash (qui en fait n'en sera pas vraimet une étant donné que tu n'affiches rien mais que tu joues uniquement un son)

Are you ready ?

Bien

D'abord il te faut un son au format WAV (càd un fichier avec l'extension .wav)

Ensuite tu lances Flash

Tu fais Créer -> Document Flash

Ca doit t'ouvrir une nouvelle fenêtre nommée Sans-Nom
A l'intérieur tu dois avoir une ligne nommée Calque 1
Double clic sur le mot "Calque 1" et renomme le en "Son" ce plsu parlant

Ensuite tu noteras qu'à côté tu as un carré rouge avec une ligne verticale (rouge également) qui symbolise une tête de lecture pour ton animation

Les différentes cases qui suivent représentent chacune une image de l'animation.

Ici on n'utilisera que la 1ere image

C'est facile jusque là non ?

Ton fichier WAV il fait quelle taille ?
Est-ce que tu comptes le jouer en boucle ?
Peux-tu me l'envoyer par email ?

càd = c'est-à-dire LOL

Pour connaitre mon email clicque sur le mot Php en haut de mes messages là où il est écrit "Ajouté par PhP"

Donne moi au moins le nom de ton fichier WAV

Bon alors disons natacha.wav

Tu sélectionnes [Fichier][Importer][Importer dans la bibliothèque ...]

Une fenêtre s'ouvre et tu sélectionnes natacha.wav

Tu fais [Ouvrir]

Normalement à droite tu dois avoir une fenêtre nommée Bibliothèque : le fichier son natacha.wav doit à présent y figurer
avec un icone de haut parleur devant
Exact ?

bon

Bizarre enfin c pas grave

Donc tout en bas de Flash tu dois avoir un onglet intitulé [Propriétés]

Le vois-tu ?

Bon je suppose que tu l'as bien vu LOL

Ok dans son tu sélectionnes dans la liste le nom de ton son moi ca donne natacha.wav

Ensuite Sync tu sélectionnes Evénement et Répéter 1 (pour l'instant)

OK ?

En dessous de Sync ... Répéter tu dois avoir une info du genre
44 kH Stéréo 16bits ...

tu as quoi d'afficher exactement ?

Sinon tu peux tester l'animation (car oui c'est presque fini sous flash) avec menu [Contrôle] [Tester l'animation ]

Oui ca c'est tout à fait normal

par contre as-tu le son et est-il de bonne qualité ?

Non c'est libre de droits ton truc ?

Bon maintenant on va forcer Flash à compresser ton fichier WAV en interne en MP3

Dans la fenêtre bibliothèque tu sélectionnes ton fichier wav (moi natacha.wav) puis clic droit dessus et tu choisis l'option [Paramètres d'exportation ...]

Une fenêtre intitulée Paramètres audio s'ouvre
Dans le liste Compression sélectionne MP3
Pour vitesse de transmission sélectionne au moins 80kbit/s ou plus (mais pas plus de 128 ca ne sert à rien)
Décoche Prétraitement : Convertir de Stéréo en Mono
Qualité : laisse Rapide
[OK]

tu as recommencer depuis le début ?

Pourquoi faire ? Enfin tu fais [Fichier] [Importer][Importer dans la biblio] et tu ouvres ton fichiers audio

How could this happen to me
I've made my mistakes
got nowhere to run
the night goes on
As I'm fading away
I'm sick of this life
I just wanna scream
How could this happen to me


Super Natacha vs Flash

Ensuite la touche finale : on va diminuer la taille de la fenêtre réservée pour l'animation vu qu'on affiche rien : c'est la fameuse fenêtre blanche qui s'affiche lorsque tu fais [Tester l'animation]

Clic sur le fenêtre du center (qui doit être blanche) Normalement l'onglet [Propriétés] en dessous doit changer : tu dois maintenant avoir un bouton [Taille]

Clicque dessus et modifie la taille à 5 x 5 ca suffit

Sauvegarde de nouveau on ne sait jamais

Enfin il est temps de publier ton animation flash : en effet tant que tu es sous flash tu modifies un fichier qui porte l'extension .fla
Maintenant on va demander à Flash de compiler ce fichier pour en faire un .swf que tu vas pouvoir diffuser sur le web : oui oui c'est bien le même type de fichier que tu peux voir un peu partout sur les sites web et qui nécessite le Player flash pour être visualisé.

Donc menu [Fichier]puis [Publier] attend quelques secondes ...c 'est fait TOP non ?

Et enfin last but not least the PHP touch' pour finir l'intégration dans ta page web : ce sera mon prochain message

Alors là c'est facile

Tu retournes sous l'explorateur de fichiers de Windaube et tu te places dans le répertoire sous lequel tu as enregistrés ton animation flash

Tu dois avoir 3 fichiers par ex natacha.fla, natacha.swf et natacha.htm (évidemment chez toi ils s'appellent autrement)

Double clic sur celui qui porte l'extension .htm et admire le résultat dans ton navigateur

j'allais oublier

Pour faire que le son boucle il suffit de changer la valeur de Répéter dans l'onglet [Propriété] : mettre 1000 par ex
Sauvegarder puis de nouveau publier l'animation

Ensuite pour intégrer l'anim dans la page html définitive il suffit d'ouvir le fichier htm généré lors de la publication ex natacha.htm avec wordpad ou autre éditeur de texte et de copier toute la partie contenue entre <object ...> et </object> dans la section body du fichier html de destination.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload2.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="5" height="5" id="natacha" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="natacha.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="natacha.swf" quality="high" bgcolor="#ffffff" width="5" height="5" name="natacha" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://get.adobe.com/flashplayer/" />
</object>

Ensuite tu restranféres ta page htm ainsi que le fichier swf (n'oublie pas !) sur le web et c'est fini

Let's the music play ...

@+

Bjr Natacha

j'ai expliqué dans mon post précedent

D'abord tu dois récupérer sur ton PC localement la page HTML qui se trouve sur internet via FTP : je suppose que tu es le WEBMASTER donc tu dois déjà avoir les codes sources de ton site non ?


Suppose que tu as ta page sur que tu souhaites publier sur le net par ex accueil.htm qui contient le code très simplifié suivant

Contenu du fichier accueil.htm

<html>
<body>
Ceci est ma page d'accueil
</body>
</html>

Tu l'ouvres avec un éditeur de texte BlocNote ou WordPad

Tu ouvres dans une autre fenêtre (toujours avec l'éditeur de texte) le fichier htm généré par Flash ex natacha.htm dans lequel tu as uniquement l'animation flash (avec un lien direct vers le fichier swf)



Voici le contenu du fichier natacha.htm :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>natacha</title>
</head>
<body bgcolor="#ffffff">
<!--URL utilisées dans l'animation-->
<!--texte utilisé dans l'animation-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload2.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="5" height="5" id="natacha" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="natacha.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="natacha.swf" quality="high" bgcolor="#ffffff" width="5" height="5" name="natacha" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://get.adobe.com/flashplayer/" />
</object>
</body>
</html>

Tu copies toutes la section comprise entres les balises <OBJECT ...></OBJECT> et tu la colles dans le fichier accueil.htm poour obtenir

Nouveau fichier accueil.htm :

<html>
<body>
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload2.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="5" height="5" id="natacha" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="natacha.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="natacha.swf" quality="high" bgcolor="#ffffff" width="5" height="5" name="natacha" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://get.adobe.com/flashplayer/" />
</object>

Ceci est ma page d'accueil
</body>
</html>

Tu peux bien sûr aussi copier directement le code <OBJECT ...></OBJECT> ci-dessus directement dans ta page puis remplacer le nom "natacha" par le nom de ton fichier swf ça fonctionne aussi.

Ensuite tu copies sur ton site Internet par FTP le fichier accueil.htm ET le fichier natacha.swf

Voilà