Retour vers CoRinne et VeRo >> Plan du site >> RadioWikini >> Lecteur audio MP3

Essais podcasting et dewplayer :


19 septembre 2005


>> Essais concrets : Enregistrements Audio MP3



Procédure pour créer une pop-up


20 septembre 2005

1. Copier le code source de la liste musicale ci-dessus
2. Créer une nouvelle page html (indépendante des pages wikini), nommée radiowikini.htm et contenant les éléments suivants :


<html>

<html>

<head>
<title>RadioWikini</title>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<img src="http://php.educanet2.ch/veronique/mp3/radiowikini.gif" border="0" height="20" width="111"><font size="1"><br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Bad_day.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Bad_day.mp3"> </object>
 </font><font size="1" color="blue"><b><span class="bleu">D. Powter</span></b></font><font size="1"><font size="1"> &quot;Bad Day&quot;<br>
 
 <object type="application/x-shockwave-flash" 
 data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Stupid_like_this.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Stupid_like_this.mp3"> </object> 
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">D. Powter</font></span></b></font><font size="1"><b><span class="bleu">
<font size="1"> </font></span></b><font size="1">&quot;Stupid like This<br>

<object type="application/x-shockwave-flash" 
data="http://www.bourgnon.net/dewplayer.swf?son=http://www.bourgnon.net/fatboy1.mp3" height="16" width="140"> 
<param name="movie" value="http://www.bourgnon.net/dewplayer.swf?son=http://www.bourgnon.net/fatboy1.mp3"> </object> 
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">Fatboy</font></span></b></font><font size="1"><b><span class="bleu">
<font size="1"> </font></span></b><font size="1"> &quot;Don't let the man get you down&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://www.bourgnon.net/dewplayer.swf?son=http://www.bourgnon.net/fatboy2.mp3" height="16" width="140"> 
<param name="movie" value="http://www.bourgnon.net/dewplayer.swf?son=http://www.bourgnon.net/fatboy2.mp3"> </object>
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">Fatboy</font></span></b></font><font size="1"><b><span class="bleu">
<font size="1"> </font></span></b><font size="1"> &quot;Gin go lo ba&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Along_came_this_band.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Along_came_this_band.mp3"> </object>
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">Eskobar</font></span></b></font><font size="1">
<font size="1"> &quot;Along came this band&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/moby1.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/moby1.mp3"> </object>
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">Moby</font></span></b></font><font size="1">
<font size="1"> &quot;1&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/moby2.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/moby2.mp3"> </object>
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">Moby</font></span></b></font><font size="1">
<font size="1"> &quot;2&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Requiem_aeternam.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Requiem_aeternam.mp3"> </object>
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">Mozart</font></span></b><font size="1"> </font></font><font size="1">
<font size="1">&quot;Requiem aeternam&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Requiem_hostias.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Requiem_hostias.mp3"> </object>
</font></font><font size="1" color="blue"><b><span class="bleu">Mozart</span></b> </font><font size="1"><font size="1">&quot;Requiem hostias&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Fuck_them_all.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Fuck_them_all.mp3"> </object>
</font></font><font size="1" color="blue"><b><span class="bleu"><font size="1">M. Farmer</font></span></b><font size="1"> </font></font
><font size="1"><font size="1">&quot;Fuck them all&quot;<br>

<font size="1"><object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Ange_parle_moi.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Ange_parle_moi.mp3"> </object>
</font></font></font><font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">M. Farmer</font></span></b><font size="1"> 
</font></font></font><font size="1"><font size="1"><font size="1">&quot;Ange parle-moi&quot;<br>

<object type="application/x-shockwave-flash" 
data="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Ally_mc_beal.mp3" height="16" width="140"> 
<param name="movie" value="http://php.educanet2.ch/veronique/mp3/dewplayer.swf?son=http://php.educanet2.ch/veronique/mp3/Requiem_hostias.mp3"> </object>
</font></font></font><font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">V. Shepard</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot;Searching my soul&quot; </font></font></font><br>

<object type="application/x-shockwave-flash" 
data="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Guillaume's Confession.mp3" height="16" width="140"> 
<param name="movie" value="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Guillaume's Confession.mp3"> </object>
<font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">Chocolat</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot; Guillaum's Confession&quot; </font></font></font><br>

<object type="application/x-shockwave-flash" 
data="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Fire.mp3" height="16" width="140"> 
<param name="movie" value="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Fire.mp3"> </object>
<font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">Chocolat</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot; Fire&quot; </font></font></font><br>

<object type="application/x-shockwave-flash" 
data="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Chocolate Sauce.mp3" height="16" width="140"> 
<param name="movie" value="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Chocolate Sauce.mp3"> </object>
<font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">Chocolat</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot; Chocolate Sauce&quot; </font></font></font><br>

<object type="application/x-shockwave-flash" 
data="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Boycott Immorality.mp3" height="16" width="140"> 
<param name="movie" value="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Boycott Immorality.mp3"> </object>
<font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">Chocolat</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot; Boycott Immorality&quot; </font></font></font><br>

<object type="application/x-shockwave-flash" 
data="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Ashes To The Wind.mp3" height="16" width="140"> 
<param name="movie" value="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Ashes To The Wind.mp3"> </object>
<font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">Chocolat</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot; Ashes To The Wind&quot; </font></font></font><br>

<object type="application/x-shockwave-flash" 
data="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Main Titles.mp3" height="16" width="140"> 
<param name="movie" value="http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/wikini_corinne/WikiniRadio/Main Titles.mp3"> </object>
<font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">Chocolat</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot; Main Titles&quot; </font></font></font><br>

<object type="application/x-shockwave-flash" 
data="http://tecfaseed.unige.ch/users/bourgnon/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/mecano.mp3" height="16" width="140"> 
<param name="movie" value="http://tecfaseed.unige.ch/users/bourgnon/dewplayer.swf?son=http://tecfaseed.unige.ch/users/bourgnon/mecano.mp3"> </object>
<font size="1" color="blue"><font size="1"><b><span class="bleu"><font size="1">Mecano</font></span></b></font></font><font size="1">
<font size="1"><font size="1"> &quot;Une femme avec une femme&quot; </font></font></font><br>


 <form method="post">
<p><input type="button" name="B1"
value="Fermer la fenêtre" onClick="window.close()"></p>
</form>

</html>

3. La déposer via FTP
4. Créer un logo et lui adjoindre une adresse url via radiowini.htm, de manière à ce que cette page s'ouvre sous forme de popup


<a href="http://php.educanet2.ch/veronique/mp3/radiowikini.htm" 
target="wclose" 
onclick="window.open('popup.htm','wclose','width=200,height=500,toolbar=no,status=no,left=20,top=30')">
<img src="http://php.educanet2.ch/veronique/mp3/radiowikini.gif" border="0" height="20" width="111">
</a>

5. Le tour est joué !