musique de fond sur site

Eléphanteau du PHP | 11 Messages

24 juin 2017, 19:19

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.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

25 juin 2017, 00:05

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... ;-)
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 11 Messages

25 juin 2017, 11:20

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.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

25 juin 2017, 11:53

Voici un tuto bien fait et en français !
http://www.cefim.eu/balise-html5-audio- ... onnaliser/
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 11 Messages

25 juin 2017, 12:37

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>

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

25 juin 2017, 15:42

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 ;)
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 11 Messages

25 juin 2017, 17:15

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.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

26 juin 2017, 09:03

Là ça ne marche pas ?
http://erwannjallier.com/exos/audio/content/

Tu as quel navigateur ? Safari ? quelle version ?
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 11 Messages

27 juin 2017, 11:20

safari et google chrome. Mais je suis en 10.6.8. Une vielle version.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

27 juin 2017, 13:13

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).
Quand tout le reste a échoué, lisez le mode d'emploi...