Code Radio Web

Code Radio Web - HTML/CSS - Programmation

Marsh Posté le 13-05-2007 à 18:55:54    

Bonjour à tous , tout d'abord ^^  
 
Voilà , je souhaitais faire une radio web pour les communautés dont je fait parti , j'ai donc récupéré un code sur le net valide pour internet explorer et je l'ai un peu bidouillé , le code de base avait déjà plusieurs erreurs html , mais ne conaissant pas bien le html , j'ai juste modifier la radio comme je la souhaitais graphiquement parlant !
 
Le problème est que les communautés dont je fait parti , n'utilise que firefox !  
 
Je souhaiterais donc savoir si par hasard , quelqu'un de bienvaillant , aurait la gentillesse de m'aider sur ce code , au niveau des modifications à faire , en gros il faut passer le code de html " en mousse" à html + css + javascript ( compatible firefox )  
 
Le code est pas compliqué pour quelqu'un connaissant le html, css et javascript, mais pour moi , cela est plus que difficile ^^
 
Je vous met le code et attend vos réponses ^^  
 
 

<html><head>
</script>
 <title>Radio O.N</title>
<STYLE type=text/css>
input {
background-color: transparent;
color: transparent;
font-size: 100%;
font-weight: bolder;
border-style: none;
border-width: 0px;}
select {
background-color: transparent;
color: transparent;
font-size: 80%;
font-weight: bolder;
border-style: none;
border-width: 0px;}
a:link {
color: transparent;}
a:visited  {
color: transparent;}
a:hover  {
color: transparent;
text-decoration: none;}
-->
</STYLE>
 
<script>
// Début du slide pour le titre joué
var msg = "MESSAGE";
var index = 0;
var tps = 200;
 
function slide() {
document.frm.nom.blur();
var nb_char=msg.length;
index++;
if (index>nb_char) index=0;
document.frm.nom.value=msg.substring(index)+msg;
setTimeout("slide()",tps);}
 
function text2(txt) {
 msg=txt + "   -   ";
 slide();}
 
function text() {
if(document.getElementById('url').value == urlzic1) {text2(nomzic1);}
if(document.getElementById('url').value == urlzic2) {text2(nomzic2);}
if(document.getElementById('url').value == urlzic3) {text2(nomzic3);}
if(document.getElementById('url').value == urlzic4) {text2(nomzic4);}
if(document.getElementById('url').value == urlzic5) {text2(nomzic5);}
if(document.getElementById('url').value == urlzic6) {text2(nomzic6);}}
function text1(){
if(document.getElementById('url2').value == urlradio1) {text2(nomradio1);}
if(document.getElementById('url2').value == urlradio2) {text2(nomradio2);}
if(document.getElementById('url2').value == urlradio3) {text2(nomradio3);}
if(document.getElementById('url2').value == urlradio4) {text2(nomradio4);}
if(document.getElementById('url2').value == urlradio5) {text2(nomradio5);}
if(document.getElementById('url2').value == urlradio6) {text2(nomradio6);}
if(document.getElementById('url2').value == urlradio7) {text2(nomradio7);}
if(document.getElementById('url2').value == urlradio8) {text2(nomradio8);}
if(document.getElementById('url2').value == urlradio9) {text2(nomradio9);}
}
// Fin du slide
 
function stopError() {
if(top.EmBeD.document.getElementById('zic').src == 'undefined') {alert('Choisissez votre musique ou votre radio.');return true;}
else {return true;}}
window.onerror=stopError;
 
// Début ouverture d'un popup dans une iframe
// popup qui sert à lancer le son
function popup(value) {
if(value == ''){}
else {
w=open("",'EmBeD','');  
w.document.write("<embed src=\"" + value + "\" autostart=\"true\" id=\"zic\" controls=\"false\" volume=\"0\" loop=\"-1\"> </embed>" );
w.document.close();}}
 
function popup1(value) {
if(value == ''){}
else {
w=open("",'EmBeD','');  
w.document.write("<OBJECT id=\"zic\" name=\"zic\" CLASSID=\"CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95\" CODEBASE=\"http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,1,5,217\" STANDBY=\"Loading Microsoft® Windows Media™ Player components...\" TYPE=\"application/x-oleobject\"><param name=\"Filename\" value=\"" + value + "\"><embed TYPE=\"application/x-mplayer2\" src=\"" + value + "\" autostart=\"true\" id=\"zic\" controls=\"false\" volume=\"0\" loop=\"-1\"> </embed></OBJECT>" );
w.document.close();}}
// Fin des popup
 
// Début réglage du volume
function VolumeUP() {
if (top.EmBeD.document.getElementById('zic').Volume+500<=0)
top.EmBeD.document.getElementById('zic').Volume = top.EmBeD.document.getElementById('zic').Volume + 500;
else top.EmBeD.document.getElementById('zic').Volume=0;}
 
function VolumeDOWN() {
if (top.EmBeD.document.getElementById('zic').Volume-500>=-5000)
top.EmBeD.document.getElementById('zic').Volume = top.EmBeD.document.getElementById('zic').Volume - 500;
else top.EmBeD.document.getElementById('zic').Volume=-5000;}
// Fin du réglage
</script>
</head>
<body onLoad="popup();" background="radio.png">
<form name="frm">
  <p><br>
    <br>
    <br>
    <br>
    <br>
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="text" name="nom" size="0">
    </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
    <script>
 
// Enregistrer le titre de vos music
var nomzic1 = "Zic 1   ";
var nomzic2 = "test1   ";
var nomzic3 = "test2   ";
var nomzic4 = "test3   ";
var nomzic5 = "test4   ";
var nomzic6 = "test5   ";
 
// Enregistrer l'adresse de vos music
var urlzic1 = "00 - Mob crashtest.WAV";
var urlzic2 = "";
var urlzic3 = "";
var urlzic4 = "";
var urlzic5 = "";
var urlzic6 = "";
document.write('<select size=\8\" id=\"url\" onChange=\"popup(document.getElementById(\'url\').value);text();\">');
document.write('<option value=\"\">Musics</option>');
document.write('<option value=\"\">--------------</option>');
document.write('<option value=\"'+urlzic1+'\">'+nomzic1+'</option>');
document.write('<option value=\"'+urlzic2+'\">'+nomzic2+'</option>');
document.write('<option value=\"'+urlzic3+'\">'+nomzic3+'</option>');
document.write('<option value=\"'+urlzic4+'\">'+nomzic4+'</option>');
document.write('<option value=\"'+urlzic5+'\">'+nomzic5+'</option>');
document.write('<option value=\"'+urlzic6+'\">'+nomzic6+'</option>');
document.write('</select>');
    </script>
&nbsp;
<script>
// Enregistrer le nom des radios
var nomradio1 = "Kawaii  ";
var nomradio2 = "test1   ";
var nomradio3 = "test2   ";
var nomradio4 = "Europe 2";
var nomradio5 = "test3   ";
var nomradio6 = "Fun     ";
var nomradio7 = "test4   ";
var nomradio8 = "Skyrock ";
var nomradio9 = "test5   ";
 
//Enregistrer l'adresse des radios
var urlradio1 = "http://kawaii-radio.net/listen.m3u";
var urlradio2 = "http://player.cheriefm.fr/V4/cheriefm/cheriefm.asx";
var urlradio3 = "http://cache.yacast.fr/V4/europe1/europe1.asx";
var urlradio4 = "http://www.tv-radio.com/station/europe_2/europe_2-20k.asx";
var urlradio5 = "http://cache.yacast.fr/V4/franceinter/franceinter.asx";
var urlradio6 = "http://yacast.funradio.fr/V4/fun/fun.asx";
var urlradio7 = "http://www.tv-radio.com/cgi-bin/tagger.pl?tag=site&metafile=scoop/scoop-20k.asx";
var urlradio8 = "http://cache.yacast.fr/V4/skyrock/skyrock.asx";
var urlradio9 = "http://www.tv-radio.com/cgi-bin/tagger.pl?tag=site&metafile=vibration/vibration-20k.asx";
document.write('<select size=\"8\" id=\"url2\" onChange=\"popup1(document.getElementById(\'url2\').value);text1();\">');
document.write('<option value=\"\">Radios</option>');
document.write('<option value=\"\">--------------</option>');
document.write('<option value=\"'+urlradio1+'\">'+nomradio1+'</option>');
document.write('<option value=\"'+urlradio2+'\">'+nomradio2+'</option>');
document.write('<option value=\"'+urlradio3+'\">'+nomradio3+'</option>');
document.write('<option value=\"'+urlradio4+'\">'+nomradio4+'</option>');
document.write('<option value=\"'+urlradio5+'\">'+nomradio5+'</option>');
document.write('<option value=\"'+urlradio6+'\">'+nomradio6+'</option>');
document.write('<option value=\"'+urlradio7+'\">'+nomradio7+'</option>');
document.write('<option value=\"'+urlradio8+'\">'+nomradio8+'</option>');
document.write('<option value=\"'+urlradio9+'\">'+nomradio9+'</option>');
document.write('</select>');
</script>
   <a href="#" onClick="VolumeUP();" onMouseOver="document.img_up.src='+.png'" onMouseOut="document.img_up.src='+.png'"><img src="+.png" name="img_up" hspace="2" vspace="5" border="0"></a>
   
   <a href="#" onClick="VolumeDOWN();" onMouseOver="document.img_down.src='-.png'" onMouseOut="document.img_down.src='-.png'"><img src="-.png" name="img_down" hspace="0" vspace="5" border="0"></a>
   
   <a href="#" onClick="top.EmBeD.document.getElementById('zic').mute = true;" onMouseOver="document.img_muteon.src='on.png'" onMouseOut="document.img_muteon.src='on.png'"><img src="on.png" name="img_muteon" width="23" height="22" hspace="1" vspace="5" border="0"></a>
   
   <a href="#" onClick="top.EmBeD.document.getElementById('zic').mute = false;" onMouseOver="document.img_muteoff.src='off.png'" onMouseOut="document.img_muteoff.src='off.png'"><img src="off.png" name="img_muteoff" vspace="5" border="0"></a>  
   
   <a href="#" onClick="top.EmBeD.document.getElementById('zic').stop();" onMouseOver="document.img_stop.src='stop.png'" onMouseOut="document.img_stop.src='stop.png'"><img src="stop.png" name="img_stop" vspace="5" border="0"></a>
   
   <a href="#" onClick="top.EmBeD.document.getElementById('zic').pause();" onMouseOver="document.img_pause.src='pause.png'" onMouseOut="document.img_pause.src='pause.png'"><img src="pause.png" name="img_pause" hspace="1" vspace="5" border="0"></a>
   
   <a href="#" onClick="top.EmBeD.document.getElementById('zic').play()" onMouseOver="document.img_play.src='lecture.png'" onMouseOut="document.img_play.src='lecture.png'"><img src="lecture.png" name="img_play" hspace="28" vspace="3" border="0"></a>          </p>
  <iframe src="" style="visibility:hidden;position:absolute;" name="EmBeD"></iframe></form>
<SCRIPT LANGUAGE="JavaScript">
text2('Radio O.N');
//--></SCRIPT>
</body></html>


 
Merci d'avance  
 
PS : Pas besoin de me dire , que c'est un code en mousse car je le sais , mais je l'aime bien car il gère les mp3 et radio web ,voilà ^^


Message édité par J0E le 13-05-2007 à 21:00:21
Reply

Marsh Posté le 13-05-2007 à 18:55:54   

Reply

Marsh Posté le 30-05-2007 à 17:31:02    

up

Reply

Marsh Posté le 30-05-2007 à 20:51:33    

Ton code doit être en les balise [code]
 
Et pour ne pas répondre à ta question, - enfin j'ai pas lu, j'ai juste vu un gros pavé à vomir -, en aucun cas tu ne dois mettre ce truc en ligne.
 
Via google : addEvent, factorisation (ça servait à sa les fonctions en premier), séparation des couches, innerHTML


---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.
Reply

Marsh Posté le 31-05-2007 à 16:47:47    

Faire une web radio c'est bien jolie, mais avoir une autorisation c'est encore mieux. Je suppose que t'en à une?


---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."
Reply

Marsh Posté le 04-06-2007 à 00:25:39    

Ce sera une web radio perso ,les mp3 ajouté seront des oeuvres publiques , ou gratuites si vous préferez et non copyright ;  et pour la partie des radio web , les autorisations seront demandés , je ne fait pas de choses illégal moi , mais il est toujours bon de le rappeler ^^  
 
Je signale juste que les liens montré dans le code sont des exemple voilà ^^

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed