[GUIDA]Ad aggiungere contenuto multimediale a un sito web

Stato
Discussione chiusa ad ulteriori risposte.

ProtestTheHero

Utente Silver
13 Novembre 2009
133
14
20
87
Ultima modifica:
In questa guida è spiegato molto semplicemente come arrichire il vostro sito con del contenuto multimediale :
file in streaming, video, musica di sottofondo e animazioni.


Come aggiungere un collegamento per scaricare file audio e video :

- Per prima cosa carica il file nel tuo server.

- Posizionati nella pagina dove inserire il link.

- Aggiungi il link con il tag <a>.
<a href="tua directory\nome file.estensione">

- Adesso inseriamo la scritta del link e chiudiamo con il tag di chiusura.
Quindi il risultato sarà così :
<a href="tua directory\nome file.estensione">Scarica il file</a>

- Ora nella pagina comparirà un link che quando verrà cliccato scarichera sul computer del visitatore il file da te scelto.


Come aggiungere musica di sottofondo :

- All'inizio della pagina web subito dopo il tag <body> inserisci l'elemento <bgsound> con l'attributo src che specifica la directory del file audio.
<body>
<bgsound src="tua directory/nome del file.tua estensione">
</body>

- Adesso impostiamo il numero di volte che la canzone verrà ripetuta con l'attributo loop (se vuoi che venga ripetuta all'infinito utilizza il valore infinite, io userò il valore 5).
<body>
<bgsound src="tua directory/nome del file.tua estensione" loop="5">
</body>

- Ora vai alla fine della pagina, proprio prima del tag di chiusura </body> e inserisci il tag <embed> con gli attributi src con specificata la directory del file audio, loop con il valore true (che fa in modo che la canzone venga ripetuta a ciclo continuo) e l'attributo autoplay con il valore true (che fa in modo che all'apertura del sito parta la canzone).
<body>
<bgsound src="tua directory/nome del file.tua estensione" loop="5">


<embed src="tua directory/nome del file.tua estensione" loop="true" autoplay="true">
</body>

- Adesso appena un visitatore aprirà la vostra pagina web la canzone da voi scelta partirà di sottofondo.
P.S. Più il file è leggero più la canzone partirà rapidamente.

Come aggiungere un file audio o video da riprodurre in linea :



- Iniziamo posizionando il tag <embed> nel punto in cui desideri inserire il file.
Aggiungiamo l'attributo src e specifichiamo la directory del file.
<embed src="tua directory/tuo file. tua estensione">

- Ora settiamo i vari attributi, con gli attributi height e width modifichiamo le dimensioni del visualizzatore.
<embed src="tua directory/tuo file. tua estensione" height="altezza in pixel" width="larghezza in pixel">

- Adesso specifichiamo gli attributi autoplay (se scegli il valore true il file parte da solo quando apri la pagina) e loop (se scegli il valore true il file si ripete all'infinito) scegliendo fra i valori true o false.
<embed src="tua directory/tuo file. tua estensione" height="altezza in pixel" width="larghezza in pixel" autoplay="false" loop="true">

- Per fare in modo che la console (il tasto play, il tasto stop ecc.) venga visualizzata setta il valore true all'attributo controller.
<embed src="tua directory/tuo file. tua estensione" height="altezza in pixel" width="larghezza in pixel" autoplay="false" loop="true" controller="true">

- Per creare un collegamento al sito dove il visitatore può scaricare gli adatti plug-in per visualizzare il file utilizza l'attributo pluginspage e aggiungi come valore il link del sito.
QUOTE]<embed src="tua directory/tuo file. tua estensione" height="altezza in pixel" width="larghezza in pixel" autoplay="false" loop="true" controller="true" pluginspage="http://www.sito.com>[/QUOTE]

- Adesso nella tua pagina sarà presente un file audio o video che ogni visitatore potrà visualizzare.


Come aggiungere un file in streaming :

- Guarda questa guida creata da me.



Come inserire animazioni Shockwave Flash :
ShockWave è un fantastico programma multimediale che offre animazioni vettoriali utilizzando la tecnologia Flash.

- Iniziamo inserendo il tag <object> con all'interno il tag <embed>
<object>
<embed>
</embed>
</object>

- Nel tag <object> specifica la larghezza e l'altezza del file con gli attributi width e height.
Aggiungi quindi le stringhe classid e codebase, in questo modo il browser recupera gli eventuali plug-in, nel caso non fossero installati nel computer locale.
<object width="larghezza" height="altezza" classid="clsid:D27CDB6E - AE6D - 11cf - 96B8 - 444553540000" codebase="http://active.macromedia.com/flash3/cabs/swflash.cap#version=3,0,0,0>
<embed>
</embed>
</object>

- Aggiungi i parametri necessari, quali name (nome del file), quality (indica come vengono visualizzati i filmati flash) e bgcolor (imposta il colore di sfondo del riquadro di supporto), dovresti usare lo stesso colore applicato al filmato.
<object width="larghezza" height="altezza" classid="clsid:D27CDB6E - AE6D - 11cf - 96B8 - 444553540000" codebase="http://active.macromedia.com/flash3/cabs/swflash.cap#version=3,0,0,0>
<param name="movie" value="tua directory/nome file.swf>
<param name="quality" value="autohigh">
<param name="bgcolor" value="#colore in linguaggio web"
<embed>
</embed>
</object>

- Adesso dobbiamo solo inserire la directory del file e settare qualche attributo che hai gia conosciuto nelle parti precedenti.
Quindi nel tag <embed> inseriamo l'attributo src e come valore la directory del file, poi aggiungiamo gli attributi width e height, l'attributo autoplay, l'attributo loop, l'attributo quality e bgcolor.
<object width="larghezza" height="altezza" classid="clsid:D27CDB6E - AE6D - 11cf - 96B8 - 444553540000" codebase="http://active.macromedia.com/flash3/cabs/swflash.cap#version=3,0,0,0>
<param name="movie" value="tua directory/nome file.swf>
<param name="quality" value="autohigh">
<param name="bgcolor" value="#colore in linguaggio web"
<embed src="tua directory/nome file.swf" width="larghezza" height="altezza" autoplay="true" loop="true" quality="autohigh" bgcolor="#colore in linguaggio web">
</embed>
</object>

- E con questo abbiamo concluso, adesso aprendo la vostra pagina web, un visitatore visualizzerà la vostra animazione.

Guida By

:rockomg: KurtCoBain :rockomg:
 
  • Mi piace
Reazioni: murdercode
Ultima modifica:
dove ci sono le faccine sorridenti c'era scritto "due punti d maiuscola" , scusate ma il forum le trasforma in :D
 
Stato
Discussione chiusa ad ulteriori risposte.