HTML5-audio:, Wie, schnell zu stoppen und starten Sie einen clip?

Siehe Titel. Ich versuche, eine Audiodatei Abspielen 4 mal in Folge, alle 300 Millisekunden. Aber der clip ist länger als 300ms, so ignoriert es die neue play-Anforderungen, bis der clip fertig ist spielen. Ich bin auf der Suche nach einem Weg, um zu stoppen und starten Sie den clip jeder 300ms.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<body>
    <audio id="note0440"><source src="0440.a4.wav" type="audio/wav"></audio>
    <script type="text/javascript">
        function playNote (loop) {
            var n = document.getElementById("note0440")
            if (loop > 4)
                return
            n.volume = 0.05
            //n.currentTime = 0
            n.pause()
            n.play()
            setTimeout("playNote("+(loop + 1)+")", 300)
        }
    </script>
    <div style="margin:50px"><button onclick="playNote(1)">Play Note</button></div>
</body>
</html>

Funktioniert das nicht. Es nicht zu stoppen und neu zu starten, ob oder nicht n.currentTime = 0 verwendet wird.

Hier ist eine WAV-Datei, wenn Sie einen brauchen für die Prüfung: http://popstrip.com/misc/0440.a4.wav

  • -Nicht ausgeführt .stop() vor dem ausführen .play() arbeiten?- Hab ich da wirklich gelesen das einige doco - und wie das aussieht, gibt es keine .stop(). Aber wie einige vorgeschlagen haben, macht eine Pause, dann wird die Zeit wieder auf 0, sollte den selben Effekt.
  • auch, fyi, doctype angibt, eine html-version die nicht einmal die Unterstützung der audio-tag. ändern Sie es zu <!DOCTYPE html>
InformationsquelleAutor user353885 | 2012-11-06
  1. 24

    wo immer Sie ruft halt einfach nur die folgenden in der Reihenfolge -

     n.pause()
 n.currentTime = 0
 n.play()
    • Haben Sie versucht, diese in Firefox? Es funktioniert bei mir in Chrome, aber nicht FF. Danke!
    • Wie @user931794 und Schatten-Punkte aus - das muss nicht sein vollständig unterstützt in Firefox, doch sollte dies die richtige Methode. Ich denke, es ist wieder Flash-Speicher für jetzt. =/
    InformationsquelleAutor Jatin
  2. 3

    aus Abschnitt 4.8.10.6 von die Spezifikation

    Medien . Dauer Gibt die Länge der media-Ressource (in Sekunden
    unter der Annahme, dass der start der media-Ressource ist zur Zeit null.

    NaN zurück, wenn die Dauer nicht verfügbar ist.

    Gibt Infinity für unbegrenzte streams.

    Medien . currentTime [ = Wert ] Gibt die offizielle Wiedergabe
    position in Sekunden.

    Kann festgelegt werden, zu suchen, zu der gegebenen Zeit.

    Wirft einen InvalidStateError Ausnahme, wenn es keine ausgewählten
    media resource oder, wenn es eine aktuelle Medien-controller.

    Also die Spezifikation nicht erlauben will, die weniger als eine Sekunde. Aber, andere Browser werden alle implementieren, die es anders (natürlich). Einige Browser kann unterstützen, aber immer es, um zuverlässig arbeiten in allen installierten Browsern heute wird ein großer Schmerz in den Arsch. Unter der Annahme, dass Sie ausgestellt werden können Millisekunde versucht, das andere Problem ist, dass der js-interpreter kann nicht in der Lage zu erfüllen Ihre Anfrage rechtzeitig, d.h. die Verarbeitung der suchen dauert länger als der Wert von der seek, die würde führen zu weiteren Schwierigkeiten.

    Mein Rat an Sie wäre, auf Sie zu verzichten html5-Ansatz für jetzt, wenn Sie wirklich brauchen, kleiner als eine Sekunde Granularität für Ihre sucht, und verwenden Sie ein plugin oder code läuft nativ auf dem host, wenn überhaupt möglich.

    • Das ist praktisch zu wissen. Aber ich glaube nicht, dass er will, zu suchen - ich denke, er will nur zu stoppen, wenn es geht zu lange?
    • Stoppt und startet, muss sich auf eine suchen-Grenze AFAIK
    • Sinn macht beginnt... wusste nicht, über anhält obwohl? (Noch nicht getestet aber)
    • Was @shadow gesagt - das Ziel ist nicht sub-zweite sucht (sagen, dass 10 mal schnell) aber der clip abgespielt werden soll 4 mal hintereinander schnell. Ich will nur hören, wie die Clips wiederholen sich schnell (alle 300ms um genau zu sein). Danke!
    • tut Jatin-Lösung arbeiten?
    • Bei mir funktioniert es auch in Chrome, aber nicht Firefox.
    • Dann ist das Firefox die Schuld. Ich fürchte, ich werde Zustimmen @user931794 - es ist nicht unterstützt gut genug. Sie könnten wahrscheinlich tun diese Art der Sache mit Flash.
    • Sie werden feststellen, dass der GRUND, warum es nicht funktioniert ist eng verwandt mit dem, was ich gepostet. vielleicht in ein paar Jahren wird es besser sein, die Unterstützung für diese Art der Sache (aber wahrscheinlich nicht). gotta love web dev.
    • Du hast wahrscheinlich Recht. Ich weiß nicht, wer zu prüfen, wie die Antwort, obwohl die Lösung, die funktioniert in Chrome oder der Kerl, der betont, dass es nicht auch noch unterstützt. Ich denke, ich werde prüfen, Jatin und fügen Sie dann einen Kommentar zu erklären.

    InformationsquelleAutor Max DeLiso
  3. -1

    Dies ist ein bisschen ein hack, aber ich mache Folgendes:

    <audio src="blah.wav" type="audio/wav" preload="preload" id="blah0"></audio>
<audio src="blah.wav" type="audio/wav" preload="preload" id="blah1"></audio>
<audio src="blah.wav" type="audio/wav" preload="preload" id="blah2"></audio>
<audio src="blah.wav" type="audio/wav" preload="preload" id="blah3"></audio>

var audioStore = [
  document.getElementById('blah0'),
  document.getElementById('blah1'),
  document.getElementById('blah2'),
  document.getElementById('blah3'),
];

var n = 0;

function playBlah () {
  //Cycle through the clips
  audioStore[n].play();
  n = (n+1)%4;
}

    Tun Sie dies für so viele wie Sie benötigen. Bonus ist, verlieren Sie nicht den Schwanz von Ihrem sound, so dass Sie sich leisten können zu verwenden, Ambiente (Spiele wollen manchmal die sounds überlappen, zum Beispiel).

    Gibt es elegantere Wege, dies zu tun. Ich würde eigentlich eine Funktion schreiben, die einen audio-Dateinamen, die einen id-Stamm (wie blah in dem Beispiel) und eine Anzahl von Elementen zu Durchlaufen (max-gleichzeitige-Wert für diesen sound), und gibt eine Funktion, die aufgerufen werden kann, um den Ton wiederzugeben. Diese Funktion wird auch hinzufügen, die Elemente auf der Seite.

    Schließlich sollten Sie wahrscheinlich verwenden Sie mindestens MP3 und Wav zu Holen Sie sich die größte Verbreitung von x-browser-Kompatibilität, je mehr Formate, desto besser, als Welle ist die große Bandbreite hog.

    Hoffe, das hilft. (Ich habe diese Technik in Chrome, Firefox, Ice Weasel) auf Win, Mac OSX und Linux

    InformationsquelleAutor SamMorrowDrums
Schreibe einen Kommentar