Discussion :

[LinTianFu]

Bonjour,

Je suis débutant en conception. Merci de me détaillé les choses qui vous paraissent simples, car pour moi, ce ne l'est pas forcément. Merci de votre compréhension.

Je travaille sur un site de restauration chinoise.
Le client souhaiterait qu'un flux musical chinois soit diffusé sur son site lorsque qu'une personne se connecte au site.

J'ai cherché avec des balise <iframe>:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<iframe id="radio" name="radio" src="http://programme.rthk.hk/channel/radio/player_popup.php?rid=176&player=hq&type=live" frameborder="0" scrolling="no" width="0%" height="0" autoplay=1 style='visibility:none' style='display:none' ></iframe>

Ce code fonctionne, mais fait apparaitre un bandeau blanc sur la page, ce qui est très disgracieux .

Ma question est la suivante:
Comment intégrer ce flux broadcast de façon totalement invisible pour la personne qui viendra sur le site? Et est-ce possible, comment?
Si ce n'est pas possible, comment faire pour le mieux? Un petit petit lecteur intégré dans la page ne me plait pas, car le site contient plusieurs pages... mais avec un autoplay=1 ce n'est peut-être qu'un détail..

Merci de votre aide.

[LinTianFu]

Donc, j'avais provisoirement réglé le probème du iframe en le plaçant en bas du footer... solution grossière et bricolage.
Mais au moins la partie blanche se retrouvait tout en bas du pied de page.

En fouillant, j'ai trouvé ceci, qui est basé sur du HTML5 avec la balise audio:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<audio controls="controls" autoplay="autoplay" preload="auto">
  <source src="http://50.7.96.210:8360/;stream.mp3" type="audio/mp3" />
  Votre navigateur n'est pas compatible
</audio>

Ce qui donne un joli lecteur audio qui ne pourrit pas la page.

Maintenant, deuxième soucis, comment pré régler le volume, pour qu'à l'affichage de la page, le volume ne soit pas trop élevé, et perturbe le visiteur?

Merci pour vos réponses... s'il y en a... ha ha ha..

[LinTianFu]

Le code précédent utilisant la balise audio du HTML 5 n'est pas compatible avec les anciennes versions de IE. Sous XP, la balise n'est pas reconnue, car IE 8 ne sait pas comprendre ce code. Problème aussi avec Opera sous XP...
J'ai finallement trouvé ce code qui passe sur les versions IE, Opera, et Firefox sans aucun problème, que ce soit sous XP ou Seven. Je n'ai pas testé sous Mac ce que cela donne... si quelqu'un veut tester?!

Voici donc le code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3.swf" />
    <param name="bgcolor" value="#ffffff" />
    <param name="FlashVars" value="mp3=http%3A//50.7.96.210%3A8360/%3Bstream.mp3&amp;autoplay=1&amp;volume=50&amp;showstop=1" />
</object>

Il utilise la balise OBJET, et du flash... et le volume est paramétrable... Ouf.

Problème résolu, merci.