Qualche tempo fa era abbastanza complicato inserire musica o suoni su una pagina web. Ora, questo problema è stato risolto ed è possibile aggiungere suoni in modo abbastanza semplice.
html<embed height="60" type="audio/midi" width="144" src="audio.mp3" volume="60" loop="false" autostart="false" />Si raccomanda che sia l'altezza che la larghezza siano direttamente proporzionali per evitare problemi.
Per nascondere il riproduttore il valore dell'attributo "hiden" (che al momento è "false") sarà sostituito in "true". Questo viene fatto se si è assolutamente sicuri che l'utente non voglia fermare il suono.
Diamo un'occhiata all'esempio seguente:
html<embed height="60" type="audio/midi" width="144" src="audio.mp3" volume="60" loop="false" autostart="false" />Si può giocare un po' con questi attributi per meglio memorizzarli e capirli, e per prendere consapevolezza che un volume troppo alto può essere fastidioso per l'utente.
Con l'introduzione dell'HTML5, l'etichetta audio si è diffusa molto rapidamente ed è molto ben supportata dai browser attuali. Il tag audio viene utilizzato per aggiungere suono e musica nella pagina html. Al momento l'etichetta audio supporta 3 tipi di file audio:
html<audio controls>
<source src="/assets_tutorials/media/Loreena_Mckennitt_Snow_56bit.mp3" type="audio/mpeg">
<source src="/assets_tutorials/media/Loreena_Mckennitt_Snow_56bit.ogg" type="audio/ogg">
Il tuo browser non supporta l'etichetta audio.
</audio>| Browser | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer | |||
| Chrome | |||
| Firefox | |||
| Safari | |||
| Opera |
Qua puoi trovare un semplice ma utile generatore di audio html