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
- ¿Qué es jQuery Mobile ?. ¿Es capaz de crear juegos para Android?
- ¿Los navegadores iPhone / Android admiten CSS @media handheld?
- Comenzar con la programación móvil. ¿Qué es una buena plataforma?
- ¿Web frameworks para desarrollar para Android y iPhone?
- Optimizar la aplicación ASP.NET Navegadores IPhone y Android para la aplicación ASP.NET
- 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)
- ¿Cómo hago que mis aplicaciones iOS / Android cumplan con la Sección 508 de la Ley de Rehabilitación de los Estados Unidos?
- ¿Cuáles son las mejores prácticas para desarrollar aplicaciones con Titanium Framework para iPhone y Android?
- ¿Se pueden ejecutar aplicaciones web móviles en segundo plano? (iOS y Android)
- Cocos2d-x se bloquea cuando se ingresa en el fondo
- Web site móvil - límite de caché de componentes para Android e iOS
- Android viewDidLoad y viewDidAppear equivalente
- SharedPreferences en iOS 4
- MonoDroid, interfaz de usuario común de MonoTouch
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.
- Siguiente: ir al último ms del audio, por lo que activa el evento
- 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.
- NullPointerException en FirebaseMessagingService.zzo (fuente desconocida)
- ¿Son posibles varias clases SearchRecentSuggestionsProvider en la aplicación de Android?