Musica di sottofondo nel sito che non si interrompa al cambio pagina. - GM Multimedia

Vai ai contenuti

Menu principale:

Musica di sottofondo nel sito che non si interrompa al cambio pagina.

HTML.HTML5.PHP CSS.CSS3.Javascript




Molte volte ci siamo chiesti, come aggiungere della musica di sottofondo nel nostro sito, senza che si interrompa al cambio della pagina, per fare questo c'è più di una soluzione, ma in generale presentano qualche problema, ad esempio, una soluzione buona potrebbe essere inserire la musica in un popop che rimanga nascosto, ma se l'utente ha i popup disabilitati non sente la musica e allora cosa si può fare?

Una soluzione accettabile potrebbe essere quella di inserire la musica in un frame nascosto.
Vediamo ora come procedere.

Per prima cosa creaiamo la pagina dove vogliamo mettere il link per far partire la musica ed arrestarla se l'utente lo desidera, ad esempio creaiamo la pagina home.htm.
Creata la pagina home inseriamo il link Aggiungi musica.
Poi inseriamo il link Chiudi la musica di sottofondo.

Codice Apri:
1
<a href="musica.html" title="Abilita il sottofondo musicale" target="musica" >Aggiungi la musica di sottofondo</a>
codice Chiudi:
1
<a href="blank.html" title="Disabilita musica di sottofondo" target="musica" >Chiudi Musica di sottofondo</a>

  1. Creata la pagina home.htm, dobbiamo creare il frame nascosto, quindi creiamo la pagina musica.htm.
  2. Poi dobbiamo creare la pagina che farà suonare il pezzo.

Codice per la pagina del frame nascosto.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Frame nascosto </title>
</head>
<frameset rows="0,*" frameborder="no" border="0">
<frame src="musica.html" name="musica">
<frame src="home.html" name="home">
</frameset>
<noframes>
</noframes>
<body>
</body>
</html>
Codice per la pagina della musica:
1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>musica</title>
</head>
<body>
<embed src="musica.mp3" autostart="true" loop="true" hidden="false">
</body>
</html>

          Ecco fatto! Ora non ci resta che provare il nostro lavoro finito!

          Va comunque fatta una precisazione il codice sopra descritto, in modo particolare quello della pagina della musica, è solo un codice esemplificativo che va adattato alle proprie esegenze, contesto e tipo di DTD usato




Visitatori online:
Sei il nostro visitatore n°:
© - Copyright 2015. - Tutti i diritti riservati - G.M. Multimedia
Torna ai contenuti | Torna al menu