Html5 <audio>: cómo utilizar los controles `next` y` previous` integrados en iOS 4.2 / Android 2.3

Tanto en Gingerbread 2.3 como en iOS 4.2+, la etiqueta HTML5 <audio> genera una interfaz con previous botones next y previous .

¿Cómo me engancho a esos controles? No parece ser uno de los sucesos de medios de HTML5 según

  • W3Schools
  • Especificaciones HTML5 .
  • Safari Developer Library: Control de los medios con JavaScript

¿Qué eventos JavaScript emiten o envían mensajes HTTP ICECast? (No se envían encabezados HTTP en el botón de clic)

Para ver un ejemplo con capturas de pantalla , consulte https://coolaj86.com/demos/sandbox/html5-audio-tag.html

En Android:

  • Si tienes pan de jengibre o mejor verás los controles en la aplicación web de forma predeterminada.

En iOS (iPhone, iPod, iPad):

  • Comienza a reproducir la muestra de música en tu iPod / iPad / iPhone
  • A continuación, haga clic en el botón para "fondo" de la aplicación.
  • Haga doble clic y deslice de izquierda a derecha en el menú inferior para acceder a los controles del reproductor.

Nota: el control de play/pause funciona más o menos según lo esperado (estableciendo el encabezado HTTP Content-Range adecuado)

En cuanto a iOS

De la lista de correo webkit-help :

Estos botones Next / Previous no forman parte de los controles estándar del reproductor de medios HTML5.

En iOS al menos, simplemente están allí porque los mismos controles se utilizan para la reproducción de audio en páginas web como la reproducción de otro audio en el dispositivo. Para las páginas web, sólo van al principio y al final de la pista. No puede modificar este comportamiento desde JS.

AFAIK, los teléfonos móviles (android / iphone) abren el reproductor predeterminado cuando intenta reproducir cualquier archivo multimedia utilizando la nueva especificación HTML 5.

No hay manera de controlar esos botones ya que la reproducción real se realiza a través de la aplicación de reproductor multimedia.

No sé si la intención, pero hasta ahora, http://www.schillmania.com/projects/soundmanager2/demo/page-player/ trabaja con el botón NEXT mientras está ACTUALMENTE JUGANDO cualquier audio. Si el audio finaliza, el botón NEXT deja de funcionar. Y el botón PREVIOUS no va a la canción anterior, pero reinicia la canción actual.

No sé si Scott (el creador) ha codificado esto, o no. He intentado depurar esos archivos de la página JS, y no encontré ninguna lógica siguiente / anterior hecha.

Claramente, debería ser posible. Es un tipo de trabajo de buggy y no hay documentación, pero vamos a construirlo!

¿Qué hacen los botones?

  • Al jugar:
    • Siguiente: ir al último ms del audio, por lo que activa el evento onfinish .
    • Prev: ir al primer ms del audio, no significa nada, se reproduce desde el inicio.
  • Cuando no se reproduce: (depende de si el audio se detuvo o nunca se reprodujo)
    • Siguiente: Nada
    • Prev: Nada

: / Hasta ahora, esa es la información que tengo. Estoy tratando de monitorEvents sin éxito, debería estar desencadenando algún evento.

  • Iframe escalable de usuario en iPhone
  • Desarrollo de aplicaciones para iPhone y Android
  • ¿Cómo iniciar / enviar SMS desde una página web HTML5 usando funciones nativas de dispositivos?
  • ¿Existen buenos tutoriales de Phonegap excepto para "Hola"?
  • Consideraciones Rhomobile vs. Phonegap
  • Uso de javascript para capturar fotos desde iPhone / Android Cámara
  • Encriptación AES 128 de Android
  • IPhone / Android / WP7 aplicación?
  • Phonegap no muestra la alerta
  • Buscando buenas fuentes para iconos, ilustraciones, etc
  • ¿Depuración en navegadores móviles?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.