Page 1 sur 1

musique de fond sur site

Posté : 24 juin 2017, 19:19
par bulletfigurine
Bonjour,

Mon site est pratiquement terminé. Adresse : http://bull100.pagesperso-orange.fr/

Derniere ligne droite. Je trouve que le site manque d'ambiance et j'aimerai y ajouter un fond de musique ou ambiance sonore.
Je vais regarder pour qu'il se mette en route automatiquement avec l'option de l'arrêter en appuyant sur un bouton.
Savez vous ou je pourrais trouver un son tres court (max 150 k) qui tournerai en boucle style ambiance, relaxation et libre de droit ?
Quel format serait le plus adapté : midi, wav, mp3 ?

Bonne journée,
Pat.

Re: musique de fond sur site

Posté : 25 juin 2017, 00:05
par @rthur
Bonjour,

Le format MP3 est géré par tous les navigateurs donc à préférer, en utilisant la balise HTML <audio>
Pour une liste de sites où tu pourras trouver des sons libres de droit, voici une piste : http://www.blogdumoderateur.com/musique-libre-de-droit/

En revanche, je te déconseille trèèèèèèèèèèèèèèèèèèèèèèèès fortement de le mettre en lecture automatique au chargement de la page, si tes visiteurs sont dans un openspace avec des collègues de bureau ça ne fait pas sérieux ; si ils sont déjà en train d'écouter de la musique, ça va polluer la musique qu'ils aiment ; si ils visitent ton site depuis un mobile, le son va se déclencher sans prévenir et probablement surprendre/mettre mal à l'aise le visiteur

Non vraiment il ne faut pas le faire en autoplay, jamais, jamais, jamais... ;-)

Re: musique de fond sur site

Posté : 25 juin 2017, 11:20
par bulletfigurine
Merci @rthur pour ces excellent conseils ;)

Connais tu le javascript qui me permettrait de creer un même lien pour écouter et arreter la lecture du mp3. Je ne vais mettre q'une seul musique.

Re: musique de fond sur site

Posté : 25 juin 2017, 11:53
par @rthur
Voici un tuto bien fait et en français !
http://www.cefim.eu/balise-html5-audio- ... onnaliser/

Re: musique de fond sur site

Posté : 25 juin 2017, 12:37
par bulletfigurine
Merci. J'ai regardé attentivement le tuto mais je n'ai vraiment pas le niveau.

J'ai essayé ca, mais ca ne fontionne pas :

<SCRIPT>
function zic() { document.getElementById("media​player").innerHTML='<EMBED SRC="neph.mp3" HIDDEN=false AUTOSTART=true LOOP=true>'; }
</SCRIPT>
<A HREF="javascript:zic();">Musique</a>

Re: musique de fond sur site

Posté : 25 juin 2017, 15:42
par @rthur
Mais si tu as le niveau !
Faut faire un petit effort de compréhension et ça va bien se passer :-D

Surtout qu'au début du tuto ils y a 3 liens assez explicites :
- la démo live,
- tous les fichiers dans un zip pour démarrer le tuto,
- et même un 3ème fichier zip avec tous les fichiers une fois le tuto réalisé pour comparer ce que tu as fait avec le résultat final.

On peut difficilement faire mieux tu n'as quasiment qu'à lire ce qu'il y a marqué, et tu as même la solution corrigée !
Passe une heure dessus et tu verras que c'est faisable :)

Si tu as des questions précises on pourra t'aider mais avant tout il faut que tu essayes par toi même ;)

Re: musique de fond sur site

Posté : 25 juin 2017, 17:15
par bulletfigurine
Ok, je vais regardé. Mais il y a un essai sur la page et j'ai également telechargé le Zip. Le probleme c'est que ca ne fonctionne pas. Pas de son. Apres je bosse sur Mac c'est peut etre pour ca.

Re: musique de fond sur site

Posté : 26 juin 2017, 09:03
par @rthur
Là ça ne marche pas ?
http://erwannjallier.com/exos/audio/content/

Tu as quel navigateur ? Safari ? quelle version ?

Re: musique de fond sur site

Posté : 27 juin 2017, 11:20
par bulletfigurine
safari et google chrome. Mais je suis en 10.6.8. Une vielle version.

Re: musique de fond sur site

Posté : 27 juin 2017, 13:13
par @rthur
Sur Google Chrome ça fonctionne bien, j'ai vérifié.
Sur Safari, ça doit dépendre si il est à jour ou pas. Sachant que 10.6.8, c'est la version d'osX mais pas celle de Safari (qui doit être 5.xxx).