Per impostare un suono di sottofondo si può utilizzare il tag <bgsound>
Sintassi di <bgsound>
<bgsound src="url del file audio" loop="numero di ripetizioni" />
Basta quindi inserire il riferimento del file audio (es. wav) e lasciare che il suono venga riprodotto:
loop="1" oppure omettendo l'attributo looploop="2" basta indicare il numero di ripetizioni desideratoloop="infinite"In realtà questo non è il modo migliore, né il più efficace, per inserire un file audio, perché obsoleto e compatibile soltanto con Internet Explorer.
Un'altro modo obsoleto, ma crossbrowser prevede l'uso di <embed>.
Sitassi di <embed>
<embed src="url del file audio" autostart="true" />
Un esempio in questa pagina.
Se invece vogliamo seguire le specifiche dell'HTML 4.01, utilizziamo il tag <object>.
Sintassi di <object>
<object data="url del file audio" type="audio/wav" autostart="true">
<embed src="url del file audio" autostart="true">
</object>
tuttavia, affinché tutto funzioni perfettamente, spesso conviene indicare il tipo di plugin da utilizzare grazie all'attributo classid.
Vediamo il codice necessario ad aprire la barra del lettore multimediale RealOne (se RealOne non è presente, l'utente verrà avvisato). Notare che all'interno del tag <object> vengono espressi i parametri che indicano come devono essere visualizzati i controlli di RealOne, e la sintassi alternativa per browser obsoleti (indicata tramite
<embed>):
<object id="sound1" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="src" value="multimedia/audio/jet_pubb.wav">
<param name="controls" value="All">
<param name="console" value="sound1">
<param name="autostart" value="false">
<embed src="http://html.it/guide/esempi/guida_html/multimedia/audio/jet_pubb.wav"
type="audio/wav" console="sound1" controls="All" autostart="false" name="sound1">
</object>
Quando inserite dei file audio, fate sempre caso ad essere i proprietari dei diritti d'autore, o ad avere l'autorizzazione a utilizzare la musica (o il suono) in questione.
Ricordiamo anche che l'uso di suoni o musica di sottofondo se utilizzata in modo eccessivo può compromettere l'usabilità del sito.
Inserire video nelle pagine Web con HTML5Codec, compatibilità dei browser, tools, codice e best practices per... |
LungoJS: semantica HTML5 per il mobileRealizzare layout per dispositivi mobili tenendo conto della... |
Web storage, i cookies secondo HTML5Come rendere persistenti i dati con HTML5 |
HTML5, section o article? ...E il div?Cerchiamo di fare chiarezza sull'uso di questi due nuovi elementi e... |
HTML5, la validazione del codiceGli strumenti per verificare l'aderenza agli standard di pagine e... |
Guida HTML5Una guida per conoscere e applicare da subito le novità introdotte... |
Guida XHTMLXHTML è il nuovo standard per il WEB ed è la transizione verso... |
Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base27 Febbraio 2012 a Milano |
|
|
Corso Webmaster base12 Marzo 2012 a Milano |
|
|
Corso Webmaster base20 Febbraio 2012 a Roma |
|
|
Corso Google AdWords Base28 Marzo 2012 a Roma |