je cherche une solution pour ouvrir un lecteur audio actuellement présent sur une page, dans une fenêtre popup.
J'ai une liste d'album que je récupère depuis une base de donnée, quand je clique sur un des albums, je peux lire ses morceaux sur la page elle-même. Mais bien sûre quand je change de page la lecture s'arrète.
Donc j'aimerais l'ouvrir dans une fenètre popup (ou une autre méthode) pour continuer la lecture en changeant de page.
Voici le code utilisé sur la page:
Code : Tout sélectionner
<?php
include('connect.php');
echo '<div id="album">';
$resultat = $bdd->query('SELECT * FROM album');
while ($donnees = $resultat->fetch())
{
$album = $donnees['album'];
echo '<figure>';
echo "<a href='ma_page.php?quel_album=".$donnees['id']."#audio'><img src='album/".$album."/".$album.".jpg' title='$album' alt='album'><p>$album</p></a>";
echo '</figure>';
}
$resultat->closeCursor();
echo '</div>';
echo '<div id="playlist">';
if (isset($_GET['quel_album']))
{
$resultat = $bdd->prepare('SELECT * FROM album WHERE id = ?');
$resultat->execute(array($_GET['quel_album']));
while ($donnees = $resultat->fetch())
{
$album = $donnees['album'];
$titre1 =$donnees['titre1'];
$morceau1 = $donnees['morceau1'];
$morceauOGG1 = $donnees['morceauOGG1'];
$titre2 = $donnees['titre2'];
$morceau2 = $donnees['morceau2'];
$morceauOGG2 = $donnees['morceauOGG2'];
$titre3 = $donnees['titre3'];
$morceau3 = $donnees['morceau3'];
$morceauOGG3 = $donnees['morceauOGG3'];
$titre4 = $donnees['titre4'];
$morceau4 = $donnees['morceau4'];
$morceauOGG4 = $donnees['morceauOGG4'];
$titre5 = $donnees['titre5'];
$morceau5 = $donnees['morceau5'];
$morceauOGG5 = $donnees['morceauOGG5'];
echo '<h4>'.$album.'</h4>';
echo'<audio id="audio" preload="auto" tabindex="0" controls="" ><source id="primarysrc" src="album/'.$album.'/'.$morceau1.'"><source id="secondarysrc" src="album/'.$album.'/'.$morceauOGG1.'"></audio><br />
<ul id="playlistable">
<li class="active"><a href="album/'.$album.'/'.$morceau1.'" data-altsrc="album/'.$album.'/'.$morceauOGG1.'">'.$titre1.'</a></li>
<li><a href="album/'.$album.'/'.$morceau2.'" data-altsrc="album/'.$album.'/'.$morceauOGG2.'">'.$titre2.'</a></li>
<li><a href="album/'.$album.'/'.$morceau3.'" data-altsrc="album/'.$album.'/'.$morceauOGG3.'">'.$titre3.'</a></li>
<li><a href="album/'.$album.'/'.$morceau4.'" data-altsrc="album/'.$album.'/'.$morceauOGG4.'">'.$titre4.'</a></li>
<li><a href="album/'.$album.'/'.$morceau5.'" data-altsrc="album/'.$album.'/'.$morceauOGG5.'">'.$titre5.'</a></li>
</ul>';
}
$resultat->closeCursor();
}
echo '</div>';
unset ($bdd);
?>à bientôt.
