Benvenuti su htDOCS, la vetrina web di Alessandro Buzzoni, per saperne di piu' e per i tuoi commenti segui il link





03 Ott 2008 » Email This Post

Inserire tracce audio in una pagina web

Boris ( bullo e bambino ) alle prese con il suo nuovo blog vuole inserire una traccia audio all'interno del sito. Non accontentandosi di embeddare brutalmente un MID o un MP3 vi elenca alcuni ingredienti per rendere il tutto più pupsiano!

Ingredienti da usare:
  • Traccia audio (preferibile mp3);
  • Aleo Flash MP3 Player Builder, ( http://www.aleosoft.com/mp3toswfconverter/index.html );
  • Un po' di sbatti :)
In pratica incorporerà il file mp3 all'interno di un file Flash così da inserirlo all'interno della pagina web avendo garanzia di una massima compatibilità con ogni tipo di browser...si comincia!

Step 1: Aprite Aleo Flash MP3 Player Builder, cliccate sul bottone ' + ' in modo da aggiungere il file audio prescelto ( vedi immagine ).
Step 2: Cliccate sul bottone ' Flash Player ' che trovate nel menu laterale sinistro e selezionate ' No Skin ' nel menu a tendina posto sulla parte destra. ( vedi immagine ).
Step 3: Cliccate sul bottone ' Publish ' dal menu sinistro. Selezionate il percorso in cui memorizzare il file generato dal programma, e cliccate l'ultima opzione in basso ' Convert MP3 to SWF files, and incorporate a Flash player to each SWF files '. ( vedi immagine ).
Step 4: Cliccate infine sul tasto ' Publish ' in modo da generare il codice necessario al nostro progetto. ( vedi immagine ).
Step 5 (ultimo) : Uppate sul vostro sito web il il file con estensione swf ( generato dal programma ) ed incorporate il codice all'interno della pagina in cui volete inserire la traccia audio. Ricordate di modificare il percorso del file swf all'interno del codice in base alla cartella in cui lo avete caricato.

Il codice utilizzato in questa pagina è il seguente:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1" height="1">
  <param name="movie" value="http://www.htdocs.it/sandbox/sound/il-corvo.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent">
     <embed src="http://www.htdocs.it/sandbox/sound/il-corvo.swf"
      quality="high"
      type="application/x-shockwave-flash"
      WMODE="transparent"
      width="1"
      height="1"
      pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


Gli step in sequenza:


• Autore: Aless{a}ndro
• Archiviato in: Cose Pupsiane, Web, curiosità e non solo

Lascia un commento


Top