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

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

8 голосов
/ 16 марта 2011

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

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

Какие события 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 помогает)

Ответы [ 3 ]

2 голосов
/ 31 марта 2011

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

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

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

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

1 голос
/ 26 июля 2012

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

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

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

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

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

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

1 голос
/ 04 апреля 2011

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

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

...