HTML continuar musica mp3 ao mudar de página.

[JORF]

Preciso de ajuda.

Tenho um site com varias páginas que mudam automaticamente de umas para as outras ao final de alguns minutos.

É tipo um canal de Tv em loop que não para nunca. quando acaba todas as páginas volta novamente á primeira e continua.

Queria colocar musica de fundo mas que a mesma não parasse ao mudar de uma página para outra.
Se eu colocar o mp3 na primeira página ela pára quando abrir uma nova página.

para mudar de página estou a usar isto:

<script>
setTimeout(function() {
window.location.href = "Newpage02.html";
}, 30000);
</script>

Se calhar devia usar outro método para abrir nova página para que a musica continuasse não?

Alguém pode dar uma ajuda?

 

[Suicide-Squad]

Se não queres refazer as páginas utilizando VueJS (ou similar), então pondera utilizar iframes.
Dentro das iframes ficam as páginas a rodar. No HTML que chama a primeira iframe, incluis o teu leitor de música.
Ao trocar a página, a música não vai parar, porque o site está na página inicial. Só as páginas que estão na iframe é que irão rodar,as será invisível para o utilizador.

Para que fique tudo uniforme e com bom ar, vais ter algum trabalho de CSS, mas resolve-te o problema.

Abraço

 

[JORF]

Se não queres refazer as páginas utilizando VueJS (ou similar), então pondera utilizar iframes.
Dentro das iframes ficam as páginas a rodar. No HTML que chama a primeira iframe, incluis o teu leitor de música.
Ao trocar a página, a música não vai parar, porque o site está na página inicial. Só as páginas que estão na iframe é que irão rodar,as será invisível para o utilizador.

Para que fique tudo uniforme e com bom ar, vais ter algum trabalho de CSS, mas resolve-te o problema.

Abraço

Há um momento
Obrigado, eu estava a tentar não refazer as páginas todas pois todas tem muito código js e css, escrito "à lá pate".

Estive a ver isso do Iframe e não me vai resolver pois tenho que definir altura e largura, não vai ficar responsivo para vários tamanhos de ecrã.

obrigado

Não percebi isso do refazer as páginas com VueJS

 

[ric7]

Há um momento
Obrigado, eu estava a tentar não refazer as páginas todas pois todas tem muito código js e css, escrito "à lá pate".

Estive a ver isso do Iframe e não me vai resolver pois tenho que definir altura e largura, não vai ficar responsivo para vários tamanhos de ecrã.

obrigado

Não percebi isso do refazer as páginas com VueJS

Vue.js, tal como React, são single page application, ou seja, tudo o que tu fazes é numa unica pag, mas tens ferramentas para ires para "diferentes páginas", tendo a vantagem de componentes iguais entre páginas não precisarem de serem novamente renderizados, pensa numa navbar que está presente em todas as páginas, porque precisa ela de ser renderizada tantas vezes? Numa App pequena, usar react (não posso falar de vue porque nunca utilizei, mas sei que utiza a mesma filosofia) é um no brainer.

 

[JORF]

Vue.js, tal como React, são single page application, ou seja, tudo o que tu fazes é numa unica pag, mas tens ferramentas para ires para "diferentes páginas", tendo a vantagem de componentes iguais entre páginas não precisarem de serem novamente renderizados, pensa numa navbar que está presente em todas as páginas, porque precisa ela de ser renderizada tantas vezes? Numa App pequena, usar react (não posso falar de vue porque nunca utilizei, mas sei que utiza a mesma filosofia) é um no brainer.

Entendi, mas eu já tenho as páginas feitas, são no total 10 todas diferentes com JS e css, precisava apenas que elas passagem umas a seguir ás outras com a musica de fundo.