Musica per siti Web: tag Anchor, Bgsound e Embed
Nella prima parte di questo tutorial abbiamo discusso i diversi tipi di file audio utilizzati più spesso nelle pagine Web. In questa parte del tutorial discuteremo dei metodi per aggiungere musica alle tue pagine web HTML. Quindi diamo un'occhiata a come codificare l'HTML. È possibile utilizzare il metodo tag di ancoraggio HTML o il metodo tag bgsound e embed.

Il primo metodo consiste nell'utilizzare il tag di ancoraggio HTML (collegamento). Questo è un metodo intuitivo perché offre al visitatore web la possibilità di visualizzare la tua pagina web con o senza musica. Il visitatore può visualizzare la tua pagina web più velocemente perché non ha bisogno di attendere il download del file audio con la pagina web stessa. Il file audio viene scaricato solo se sceglie di ascoltare la canzone e fa clic sul collegamento che aprirà il lettore audio del browser Web come una finestra pop-up. Supponiamo che tu voglia inserire un file midi nella tua pagina web e che il nome del file audio midi sia "song.mid". Inoltre, si desidera utilizzare il metodo del tag anchor. Il codice per il collegamento sarebbe simile al codice qui sotto. L'attributo href indica al browser dove cercare il file audio. Il valore dell'attributo href sarà l'indirizzo url del file audio. Puoi utilizzare l'URL completo come nell'esempio seguente oppure puoi rimuovere "www.yourwebsite.com/" se il file audio si trova nello stesso posto della pagina web. (Fare clic qui per una revisione del tag di ancoraggio HTML.)


Giocare
Nota--La freccia indica che il codice è racchiuso in una seconda riga e dovrebbe essere davvero tutto su una riga.

Il secondo metodo farà riprodurre automaticamente il file audio quando viene visualizzata la pagina Web. Utilizzerai il tag bgsound e / o il tag embed per questo metodo. Ecco il codice



loop = "infinito">



autostart = "true" hidden = "false" width = "300"
height = "45" loop = "infinite">
Nota--La freccia indica che il codice è racchiuso in una seconda riga e dovrebbe essere davvero tutto su una riga.

srcattributo source - valore è l'indirizzo url del file audio
avvio automaticovero o falso (tag incorporato)
ciclo continuovero, falso o numero di volte in cui il brano deve essere riprodotto (etichetta incorporata)
infinito o numero di volte in cui il brano deve essere riprodotto (tag bgsound)
larghezza e altezza misurazioni del pannello di controllo audio sulla pagina Web (etichetta incorporata)
nascostovero o falso: controlla la visibilità del pannello di controllo (etichetta incorporata)


Gli elementi embed e bgsound hanno diversi attributi che controllano il modo in cui il brano viene riprodotto e il modo in cui il pannello di controllo audio viene visualizzato sulla pagina Web.

  1. L'attributo src funziona allo stesso modo della maggior parte degli altri tag HTML. Indica al browser dove trovare il file audio.
  2. L'avvio automatico può essere attivato o disattivato impostando il valore di questo attributo su true o false. Se attivato, l'avvio automatico provoca la riproduzione della musica non appena il file è stato scaricato. (etichetta incorporata)
  3. L'attributo loop indica al browser quante volte riprodurre il file.


Se vuoi usare il tag embed, è un buon effetto nascondere il pannello di controllo del lettore audio. Puoi farlo impostando il valore dell'attributo nascosto su true. D'altra parte, è possibile controllare l'aspetto del pannello di controllo sulla pagina Web con gli attributi di altezza e larghezza. Se l'altezza, la larghezza e gli attributi nascosti non sono specificati, il pannello di controllo verrà visualizzato sulla pagina Web per impostazione predefinita. Sebbene la funzione nascosta sia gradevole, potresti voler lasciare visibile il pannello di controllo in modo che l'ascoltatore possa avere il controllo sulla riproduzione audio (come il volume).

La maggior parte dei browser può "leggere" il tag embed. Tuttavia alcuni browser, in particolare quelli meno recenti, non possono. Questo è il motivo per cui usi il tag noembed. Questo tag indica al browser di seguire le istruzioni tra il tag di apertura e i tag di chiusura solo se il browser non è in grado di leggere il tag di incorporamento stesso. Il tag bgsound funziona allo stesso modo del tag embed. Tuttavia, il tag bgsound non ha altezza, larghezza o attributi nascosti.