HTML5 audio élément dynamique de la source

J'ai une base de lecteur audio:

<audio controls="controls" autoplay="true" loop="loop">
<source src="song.php" type="audio/mpeg" />
</audio>

Et au lieu de la source qui pointera directement vers le fichier MP3 que je l'ai signalé à un fichier PHP qui signale ensuite le fichier MP3, qui fonctionne. Mais, lorsque la piste en cours est sur le fichier PHP est pointant vers un nouveau fichier MP3. Donc, le problème que j'ai est que lorsque le joueur passe en boucle, avec le nouveau fichier MP3, il arrête complètement de travailler. Est-il un moyen de contourner cela? Est-il un moyen de le faire avec une liste de lecture ou des autres joueurs?

Pouvez vous s'il vous plaît nous donner un peu plus de contexte, de sorte que nous pouvons vous aider 🙂
Lorsque l'song.php la page est chargée, elle sélectionne de façon aléatoire et points en un fichier MP3. Donc, je vais essayer d'obtenir le joueur à jouer la prochaine piste sélectionnée à partir de la song.php page après la piste en cours se termine. Je pensais qu'en faisant une boucle de la piste, il serait forcé de recharger et de jouer le nouveau fichier.
Allez-vous diffuser le contenu multimédia ou tout simplement par la lecture d'un morceau ?
Vous pouvez utiliser Javascript avec des événements pour atteindre cet

OriginalL'auteur austinhollis | 2013-01-07

  1. 11

    Copiés à partir de votre double question:

    Pour commencer, vous fixez un nouveau gestionnaire d'événement à chaque fois que l'élément est cliqué. Si quelqu'un s'interrompt souvent la musique, ils auront des problèmes.

    Intead, essayez ceci:

    <audio id="audio" autoplay controls src="song.php" type="audio/mpeg"></audio>
<script type="text/javascript">
    document.getElementById('audio').addEventListener("ended",function() {
        this.src = "song.php?nocache="+new Date().getTime();
        this.play();
    });
</script>

    Je suis en supposant que song.php est un fichier PHP qui retourne les données audio. Le nocache paramètre de requête permettra de s'assurer que le fichier est en fait appelée à chaque fois.

    OriginalL'auteur Niet the Dark Absol

  2. 1

    Je pense que le problème, c'est que vous avez besoin de faire une demande, une fois la chanson terminée, vous pouvez atteindre cet objectif en ajoutant le ended écouteur d'événement à l'élément audio:

    HTML

    <audio id="player" controls="controls" autoplay="true" loop="loop">
<source src="song.php" type="audio/mpeg" />
</audio>

    Javascript

    var audio = $("#player");
audio.addEventListener("ended", function(){
    $.post("song.php", function(result){
        audio.src = result;
        audio.pause();
        audio.load();//suspends and restores all audio element
        audio.play();
    });
});

    Remarque: Si vous avez encore des problèmes, inclure du code PHP dans la question et de vérifier si votre fichier PHP est obtenir le bon en-tête

    Je suis toujours avoir des problèmes. Maintenant le fichier PHP est juste <?php header("Location: meteor-shower.mp3"); ?> et je suis de modifier manuellement l'emplacement.

    OriginalL'auteur Tom Sarduy

  3. 1

    A le choix aléatoire nécessairement être fait en php ?

    Si non, ce sera peut-être plus simple de dire à javascript pour sélectionner un ID aléatoire dans une plage. Puis le passer à votre script php comme un paramètre GET.

    DANS le php côté, faire une cartographie des Id > fichiers MP3, de sorte que le même ID correspondent toujours à la même MP3. Vous pouvez utiliser ce que vous voulez: simple tableau associatif, base de données, etc. En fait, l'Id n'avez même pas à être des nombres.

    SI vous ne voulez pas que quelqu'un découvrir votre cartographie et dit, appelez directement le wscript avec ID X à télécharger votre MP3, vous pouvez changer la cartographie à chaque session par exemple.... l'important, c'est que l'ID de toujours se référer à la même MP3, au moins pendant une période raisonnable.

    Je doit dire aussi que faire une redirection vers le fichier MP3 à partir de php peut provoquer des problèmes à certains navigateurs. C'est peut-être mieux d'envoyer le bon d'en-têtes HTTP et le fait de retourner le contenu du fichier directement sans redirection. Exemple rapide :

    <?php
$file = "something.mp3";
header("Content-Type:audio/mpeg");
header("Content-LEngth:".filesize($file));
readfile($file);
?>

    Plus d'infos sur readfile et l'en-tête fonctions

    OriginalL'auteur QuentinC

  4. 0

    Peut-être le meilleur moyen est d'avoir une unique Request ID variable dans la chaîne de requête. Ensuite à chaque demande, vous pouvez déterminer si c'est une boucle de demande ou d'une nouvelle demande ou une nouvelle demande de randomisation.

    Savez-vous comment faire cela? Si non je vais inclure le code.

    Je ne sais pas comment faire.
    bon je vais répondre plus tard aujourd'hui. Quelque chose venait d'en haut.
    Bon, je vous remercie!

    OriginalL'auteur Brett