Web-Link il sito gratuito per costruire e fare pagine web

Audio Musica Suoni

Attributi:
autostart
height
hidden
loop
src
type
width

La musica ed i suoni non saranno indispensabili ai fini di un buon documento html ma a volte non dispiace essere accompagnati da una musica di sottofondo mentre si navigano pagine web.

In html 4.01 si fa uso di object ma descriveremo anche bgsound ed embed sebbene il primo sia proprietario dei soli browser IE e l'altro riconosciuto da vari browser ma deprecato.

Vi ricordo che per come lavora il browser qualsiasi oggetto inserito in una pagina web per essere visualizzato o, come nel nostro caso, per essere ascoltato, lo si deve prima scaricare nella memoria interna del browser. Se ne deduce che files molto grandi (pesanti) richiederanno tempi piuttosto lunghi a seconda del tipo di connessione usata dal visitatore.

<BGSOUND>

L'elemento <bgsound> necessita di attributi di cui almeno uno necessariamente obbligatorio: src, a differenza di molti altri elementi html (tags), questo non ha bisogno di essere concluso dallo stesso elemento preceduto dalla barra retroversa </bgsound>. questi gli attributi che è possibile usare:

Disapprovato! dal W3C a favore di object

SRC

L'attributo SRC specifica il nome del file audio da riprodurre, questo può essere in formato: wav , midi, mp3 o qualsiasi altro formato audio valido purché supportato dal plug-in o programma associato nel PC per la riproduzione audio. Il brano così richiamato si avvierà automaticamente.

LOOP

Con l'attributo loop si stabilisce il numero di volte che il brano deve essere ripetuto, se al posto di un numero viene inserito il termine "infinite" il brano sarà ripetuto all'infinito.

<EMBED>

L'elemento <embed> supporta attributi quali: src, loop, hidden, autostart, width, heigth ed è riconosciuto dai vari browser IE compreso a partire però dalla versione 4.0. Questi gli attributi:

Disapprovato! dal W3C a favore di object

SRC

L'attributo src specifica il nome del file audio da riprodurre, questo può essere in formato: wav , midi, mp3 o qualsiasi altro formato audio valido purché supportato dal plug-in o programma associato al PC per la riproduzione audio. Il brano così richiamato si avvierà automaticamente.

<embed src="nome_file.mid">

Se non vengono specificate le dimensioni con width e heigth i browser IE visualizzano l'intera interfaccia grafica per offrire il controllo diretto sul player, compresi: volume, avvio, stop, pausa.

LOOP="true/false"

Con l'attributo loop si stabilisce se il brano deve essere ripetuto all'infinito (true) o una sola volta (false).

AUTOSTART="true/false"

Con l'attributo autostart si stabilisce se il brano deve avviarsi da solo: automaticamente (true), oppure no (false).

HIDDEN="true/false"

Con l'attributo hidden si stabilisce se l'interfaccia grafica sia visibile (false), oppure nascosta (true).

WIDTH e HEIGTH

Con questi attributi è possibile stabilire la porzione dell'interfaccia grafica da visualizzare. Questa varia a seconda del browser adoperato, per IE la mancanza di valori farà si che sia visualizzata per intero. A volte è più comodo avere solo i pulsanti.

Queste dimensioni variano a seconda del programma associato al browser adoperato, per questo motivo è preferibile non far vedere alcuna interfaccia, oppure affidarsi ad uno script che una volta intercettato il tipo di browser richiami o una dimensione o un'altra. Si veda a questo proposito la sez. F.A.Q.

<NOEMBED>...</NOEMBED>

L'elemento <noembed> esegue il codice html in esso contenuto soltanto nel caso in cui il browser non supportasse l'elemento embed.

Si potrebbe allora assemblare un codice html che adoperi embed, e nel caso in cui questo non dovesse essere supportato, vedi alcune versioni del browser IE, richiamare bgsoud. Così facendo si avrebbe quasi la certezza di riuscire a far ascoltare la musica a qualsiasi tipo di browser:

Disapprovato! dal W3C a favore di object

<OBJECT>...</OBJECT>

L'elemento <object> necessita del relativo elemento di chiusura, serve per definire un elemento oggetto generico incorporato. Viene utilizzato anche per altri tipi di oggetti quali filmati, applets, ed altro ancora.

Nel nostro caso sfruttando alcuni suoi attributi e sarà così possibile fargli riprodurre un brano musicale. Si farà uso oltre che di type e data anche dell'elemento <param> grazie al quale definire le preferenze di impostazione.

<object type="audio/x-mid" data="nome_file.mid">
<param name="src" value="nome_file.mid"></param>
</object>

type

L'attributo type di object specifica quale sia il tipo di file da riprodurre, di solito per i file audio si possono avere file di tipo: midi, mp3, wav, ogg. Per ognuno di questi esiste una apposita sigla:

Questa la tabella dei tipi mime per i files audio:

audio/x-mid	=	mid
audio/x-wav	=	wav
audio/mpeg	=	mp3
application/ogg	=	ogg

<PARAM>

L'elemento <param> non necessita del relativo elemento di chiusura, serve per l'inizializzazione di un oggetto. Ha diversi attributi ma nel nostro caso useremo: src, autostart, loop che serviranno per passare ad object i valori dei parametri specificati.

param name SRC

Con l'attributo src si stabilisce il nome del brano completo della sua estensione ed eventuale percorso (path) per raggiungerlo.

param name AUTOSTART

Con l'attributo autostart si stabilisce se il brano deve avviarsi automaticamente: value="true", oppure no value="false", sono ammessi anche valori come "1" e "0".

param name LOOP

Con l'attributo loop si stabilisce se il brano deve essere ripetuto all'infinito: value="true" o una sola volta value="false" sono ammessi anche valori come "1" e "0".

Nota: ho fatto uso di un file midi per due motivi, il primo perchè questo formato è molto leggero e non richiede tempi lunghi di attesa prima di essere riprodotto. Il secondo è che quel midi l'ho creato io anche se con un apposito programma, questo mi garantisce da eventuali problemi di violazione del diritto d'autore. Fate sempre molta attenzione ai brani audio che riproducete sul sito, meglio avere il permesso da parte del suo autore o essere certi che siano brani musicali free.