Pagina refreshen zonder elementen te refreshen

Status
Niet open voor verdere reacties.
S

svh1998

Nieuwe gebruiker
Lid geworden
10 jun 2015
Berichten
1
Goedemiddag,

Ik ben bezig met het maken van mijn eigen website en ik wil daar graag een online radiostation op hebben. Alleen wanneer de pagina gerefreshed wordt, of ik naar een andere pagina op de site ga gaat de radio ook mee in de refresh.

Is er een mogelijkheid om ervoor te zorgen dat de radio niet gerefreshed wordt of op pauze wordt gezet tot een andere pagina geladen is?

Alvast bedankt
 
In HTML 5 heb je de audio tag. Als je deze gebruikt zal je waarschijnlijk wat jij wil.

HTML: 
<audio controls>
  <source src="streaming_mp3_file.mp3" type="audio/mp3">
  Your browser does not support the audio tag.
</audio>

Dit kan ook met <embed src="streaming_mp3_file.mp3"> .

MySQL
 
Mysql, heb jij de vraag wel goed gelezen? Want ook hiermee zal je de boel opnieuw laden.
 
Hoi,

Voor een klant heb ik dit ooit gemaakt. Zijn vraag was dat een mp3 moest blijven doorspelen tijdens het browsen tussen de pagina op zijn website. Er is 1 manier maar dan ga je wel qua webdesign naar de vorige eeuw....
Als je een frameset maakt met 2 frames en alleen de radio (of video) apart in een frame zet, dan zal deze blijven doorspelen. Dus alles van de pagina staat in de eerste frame en alleen de radio staat in de tweede frrame. Mijn advies: niet doen!!

Suc6.
 
Er is 1 manier maar dan ga je wel qua webdesign naar de vorige eeuw
Klik om te vergroten...

Nah. Je kan ook nog je pagina's met XHR (ook wel 'AJAX') ophalen (sans de audio player natuurlijk). Let wel op no-js fallback.

Idee:
HTML: 
<a href='pagina2.html'>pagina 2</a>
<div id='content'>
   ... content voor pagina 1
</div>
<audio ....></audio> <!-- of een flash player of whatever -->
[js]
var i, links = document.getElementsByClassName('a');

for(i = 0; i < links.length; i++)
{
links.addEventListener('click', function(e)
{
getPage(this.getAttribute('href'));
return e.preventDefault();
}, false);
}

function getPage( href )
{
// new XMLHttpRequest... open(...), addEventListener op readystatechange
// in de event listener:
document.getElementById('content').innerHTML = xhr.responseText;
// let wel: maak deze async enzo.
}[/js]
niet getest, maar het gaat... om het idee!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan