Com-es-fa‎ > ‎How-to-do‎ > ‎

Afegir àudio: Llista

13 de març 2011, 0:09 publicada per Albert Profe   [ actualitzat el 14 de març 2011, 9:09 ]
En aquesta segona part el que farem és afegir un reproductor d'àudio i unes cançons a una llista des del propi web (o per defecte un altre web on siguem propietaris). Es a dir, el reproductor i les cançons s'allotjaran en el vostre web. 

Aquí teniu l'exemple:



Ho farem en 6 passos:

1.- En primer lloc, hem de descarregar el reproductor que volem. En el nostre cas, descarreguem des de la plana:


el reproductor DewPlayer, que és open source i fàcil instal·lar.


2.- A una plana tipus "Emmagatzematge de fitxers" del nostre Site pujarem el reproductor que volem, Dewplayer té diversos i escollim DewPlayer-Multi.swf. Hem de carregar el fitxer .swf a una plana d'aquest tipus ja que funciona com un FTP. Per exemple:

https://sites.google.com/site/albertprofe/documents/musica


3.- També pugem les cançons que volem en la nostra llista del reproductor a la mateixa plana. Podem separar el reproductor i les cançons en carpetes per tindre un major ordre.


4.- Ara que ja tenim el reproductor -en format .swf- i les cançons -en format .mp3- a la nostra web ja podem incrustar el codi HTML corresponent on vulguem que aparegui el nostre reproductor.


5.- On posa la teva web has de escriure la direcció de la web de Google Sites on s'han pujat el reproductor i les cançons. Recordem que en el nostre exemple era:

sites.google.com/site/albertprofe/documents/musica


6.- On posa canço has d'escriure el noms de les cançons. Com hi ha més d'una les separem amb el símbol | (Alt Gr + 1, que si per alguna raó no funciona es pot escriure també %7C): és diu Pipe. No cal deixar els espais en blanc. En el nostre cas:




<object type="application/x-shockwave-flash"

data="http://la teva web/dewplayer-multi.swf?
mp3=http://la teva web/canço.mp3
&amp;showtime=1
&amp;bgcolor=c3d9ff
&amp;volume=80"
width="200" height="20">

<param name="movie" 
value="http://la teva web/dewplayer-multi.swf?
mp3=http://la teva web/canço.mp3
&amp;showtime=1
&amp;bgcolor=c3d9ff
&amp;volume=80" />

</object>
Comments