html5 audio: Verwendung der integrierten "next" - und "previous" -Steuerelemente auf iOS 4.2 / Android 2.3

9

Sowohl bei Gingerbread 2.3 als auch bei iOS 4.2 und höher erzeugt das HTML5 <audio> -Tag eine Schnittstelle mit den Schaltflächen next und previous .

Wie hänge ich in diese Steuerelemente ein? Es scheint nicht zu den HTML5 Media Events nach

zu gehören

Was JavaScript-Ereignisse haben sie emittieren oder senden Sie sie HTTP Icecast-Nachrichten? (Beim Klick auf die Schaltfläche werden keine HTTP-Header gesendet)

Für ein Beispiel: mit Screenshots finden Sie unter Ссылка

Auf Android:

  • Wenn Sie Lebkuchen oder besser haben, sehen Sie standardmäßig die Steuerelemente in der Webapp.

Auf iOS (iPhone, iPod, iPad):

  • Beginnen Sie mit der Wiedergabe des Musikbeispiels auf Ihrem iPod / iPad / iPhone
  • Klicken Sie dann auf die Schaltfläche "Hintergrund" der App.
  • Doppelklicken Sie auf und wischen Sie im unteren Menü von links nach rechts, um auf die Player-Steuerelemente zuzugreifen.

Hinweis: play/pause control funktioniert mehr oder weniger wie erwartet (Einstellung des entsprechenden Content-Range HTTP-Headers hilft)

    
CoolAJ86 16.03.2011, 20:11
quelle

3 Antworten

2

Wie für iOS

Aus der webkit-help Mailingliste:

  

Diese Schaltflächen Next / Previous sind nicht   Teil des Standard-HTML5-Mediums   Spielerkontrollen.

     

Auf iOS zumindest sind sie einfach da   weil dieselben Steuerelemente verwendet werden   Audio-Wiedergabe in Webseiten als andere   Audiowiedergabe auf dem Gerät. Für das Internet   Seiten gehen sie einfach an den Start und   Ende für die Spur. Sie können nicht ändern   Dieses Verhalten von JS.

    
CoolAJ86 31.03.2011 18:22
quelle
1

AFAIK, Mobiltelefone (Android / iPhone) öffnen den Standardplayer, wenn Sie versuchen, eine Mediendatei mit der neuen HTML 5-Spezifikation abzuspielen.

Es gibt keine Möglichkeit, diese Tasten zu steuern, da die eigentliche Wiedergabe über die Media-Player-Anwendung erfolgt.

    
tiagoboldt 04.04.2011 15:17
quelle
1

Ich weiß nicht, ob beabsichtigt, aber bis jetzt arbeitet Ссылка mit dem NEXT-Taste, während Sie momentan Audio wiedergeben. Wenn das Audio endet, funktioniert die NEXT-Taste nicht mehr. Die PREVIOUS-Taste schaltet nicht zum vorherigen Lied, sondern startet das aktuelle Lied neu.

Ich weiß nicht, ob Scott (der Schöpfer) dies codiert hat oder nicht. Ich habe versucht, diese Seite JS-Dateien zu debuggen, und habe keine nächste / vorherige Logik gefunden.

Natürlich sollte es möglich sein. Es funktioniert irgendwie Buggy und es gibt keine Dokumentation, aber lasst es uns bauen!

Was machen die Tasten?

  • Beim Spielen:
    • Weiter: Gehe zur letzten ms des Audios, so dass onfinish event ausgelöst wird.
    • Prev: gehe zur ersten ms des Audio, bedeutet nichts, spielt wieder von Anfang an.
  • Wenn nicht gespielt: (hängt davon ab, ob der Ton gestoppt oder nie abgespielt wurde)
    • Weiter: Nichts
    • Zurück: Nichts

: / So weit, das ist die Information, die ich habe. Ich versuche monitorEvents ohne Erfolg, es sollte ein Ereignis auslösen.

    
Tom Roggero 25.07.2012 20:16
quelle

Tags und Links