Wie können Sie der Erstellung einer automatischen Wiedergabeliste mit dem HTML5-Audio-tag?

Wie können Sie eine automatische Wiedergabeliste mit den audio-tag von HTML5?

Was ich versuche zu erreichen, ist ein Spieler, der nur die play/pause Taste big 30x25 px, der player automatisch abgespielt, wenn die Seite geladen wird, und wenn das Lied endet, es werde spielen, den nächsten song automatisch. Versucht haben 3-4 songs in einer playlist.

InformationsquelleAutor Marian | 2012-03-09
  1. 3

    Check out this post: mit jquery + <audio> w/php/mysql um die loop-Wiedergabe mal

    var sfx = new Audio('sfx.wav');
var sounds = a.addTextTrack('metadata');

//add sounds we care about
sounds.addCue(new TextTrackCue('dog bark', 12.783, 13.612, '', '', '', true));
sounds.addCue(new TextTrackCue('kitten mew', 13.612, 15.091, '', '', '', true));

function playSound(id) {
  sfx.currentTime = sounds.getCueById(id).startTime;
  sfx.play();
}

    Ich gerade aktualisiert, dies mit einem besseren Beispiel für die Verwendung von cues als hier angegeben: http://dev.w3.org/html5/spec/Overview.html

    • ...Was nützt mir das, was ich versuche zu bekommen?
    • Ich bin nicht versucht zu haben, ein sfx zu spielen, wenn Sie drücken auf einen link oder etwas. Ich versuche, eine mp3/wav/ogg zu autoplay sobald die Webseite geladen ist, ist, dass der Spieler eine pause/play-Taste und sobald der erste song fertig, um die autoplay-die zweite und so weiter.
    • + kein jQuery eingebunden, nur JS
    • Ihre Fragen "Wie kann der Erstellung einer automatischen Wiedergabeliste mit dem audio-tag von HTML5?". Wenn Sie den code, den ich zur Verfügung gestellt, und rief playSound(yourtrackid) auf die Seite laden, voila!
    • "Was ich versuche zu erreichen, ist ein Spieler, der nur die play/pause Taste big 30x25 px, der player automatisch abgespielt, wenn die Seite geladen wird, und wenn das Lied endet, es werde spielen, den nächsten song automatisch. Versucht haben 3-4 songs in einer Wiedergabeliste." Und das ist, was ich versuche zu archivieren.
    • Oh OK, good luck

    InformationsquelleAutor shanabus
  2. 2

    Verwende ich einen ähnlichen code wie den folgenden auf meine Website zu spielen ist eine fortlaufende Wiedergabeliste von audio auf meiner Website: 

    <script type="text/javascript">
        var nextVideo = "/Link/To/Next/File.mp3";
        var audioPlayer = document.getElementById('audio_with_controls');
        audioPlayer.addEventListener('ended', PlayNext);

        function PlayNext() {
            audioPlayer.src = nextVideo;
            audioPlayer.play();
        }
</script>

    Wäre es sehr einfach für Sie, fügen Sie eine Reihe von Dateien, die Sie könnte in einer Schleife durch (mithilfe von arrays usw.).
    Man könnte auch die Wiedergabeliste angezeigt, um den Benutzer, mit jedem track wird ein klickbarer link nennen würde JS zu ändern, der Spieler "src" - Eigenschaft.

    Hoffe, das hilft!

    InformationsquelleAutor Sk93
Schreibe einen Kommentar