html5 <audio>: как использовать встроенные элементы управления `next` и` previous` в iOS 4.2 / Android 2.3

Question

И в Gingerbread 2.3, и в iOS 4.2+ тег HTML5 <audio> создает интерфейс с кнопками next и previous.

Как мне подключиться к этим элементам управления?Похоже, это не одно из медиа-событий HTML5 в соответствии с

• W3Schools
• HTML5 Spec .
• Библиотека разработчика Safari: управление мультимедиа с помощью JavaScript

Какие события JavaScript они генерируют или отправляют сообщения HTTP ICECast? (заголовки HTTP неотправлено по нажатию кнопки)

Для примера с снимками экрана , см. https://coolaj86.com/demos/sandbox/html5-audio-tag.html

На Android:

• Если у вас есть пряник или лучше, вы увидите элементы управления в веб-приложении по умолчанию.

На iOS (iPhone, iPod, iPad):

• Начните воспроизведение музыкального сэмпла на своем iPod / iPad / iPhone
• Затем нажмите кнопку для «фонового» приложения.
• Дважды щелкните и проведите пальцем отСлева направо в нижнем меню, чтобы получить доступ к элементам управления проигрывателя.

Примечание: play/pause элемент управления работает более или менее, как ожидалось (установка соответствующей CoHTTP-заголовок ntent-Range помогает)

Answer 1

Что касается iOS

Из списка рассылки webkit-help :

Эти кнопки Next / Previous не являются частью стандартных элементов управления медиаплеера HTML5.

По крайней мере, на iOS они просто есть, потому что для воспроизведения звука на веб-страницах используются те же элементы управления, что и для воспроизведения другого звука на устройстве.Для веб-страниц они просто идут в начало и конец трека.Вы не можете изменить это поведение из JS.

Answer 2

Я не знаю, предполагалось ли это, но пока http://www.schillmania.com/projects/soundmanager2/demo/page-player/ работает с кнопкой СЛЕДУЮЩАЯ, пока вы В ТЕКУЩЕМ ПРОСИТЕ звук. Если звук заканчивается, кнопка NEXT перестает работать. И кнопка PREVIOUS не переходит к предыдущей песне, а перезапускает текущую песню.

Я не знаю, закодировал ли Скотт (создатель) это или нет. Я попытался отладить JS-файлы на этой странице и не нашел никакой следующей логики / prev.

Понятно, что это должно быть возможно. Он работает с ошибками, документации нет, но давайте его построим!

Что делают кнопки?

• При игре:
  • Далее: перейти к последнему мс аудио, поэтому оно вызывает событие onfinish.
  • Пред .: перейти к первому мс аудио, ничего не значит, воспроизводится снова с начала.
• Когда не воспроизводится: (зависит от того, был ли звук остановлен или никогда не воспроизводился)
  • Далее: ничего
  • Пред .: Ничего

: / Пока это информация, которая у меня есть. Я пытаюсь monitorEvents безуспешно, должно быть какое-то событие.

Answer 3

AFAIK, мобильные телефоны (android / iphone) открывают проигрыватель по умолчанию, когда вы пытаетесь воспроизвести любой медиа-файл, используя новую спецификацию HTML 5.

Нет никакого способа управлять этими кнопками, так как фактическое воспроизведение выполняется через приложение медиаплеера.