Встраивание html5 <audio>в веб-приложение mobilesafari.Можно ли загрузить изображение вместо логотипа QuickTime в модальном плеере?

Question

Мне не удалось найти ресурс, объясняющий, возможно ли это вообще. Документация Apple, найденная здесь

https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1

... не упоминает такие функции.

Я также пытался встроить звук с тегом <embed>, который запускает тот же самый модальный быстрый проигрыватель.

Есть ли способ сделать это или альтернативно - есть ли способ воспроизвести аудиофайлы в веб-приложении iphone без открытия модального внешнего проигрывателя?

Answer 1

Я нашел обходной путь для достижения этой функциональности с помощью инструмента командной строки Apple mediafilesegmenter, чтобы подготовить mp3 для «HTTP Live Streaming» - нового протокола Apple для потоковой передачи мультимедиа через HTTP.

Больше информации здесь: http://developer.apple.com/iphone/library/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40008332-CH1-DontLinkElementID_29

Используя аргументы --audio-only --meta-file poster.png --meta-type picture Вы можете создать поток mp3, который будет отображать изображение poster.png во внешнем быстродействующем проигрывателе во время воспроизведения звука.

Answer 2

Вы можете воспроизводить звук встроенным способом, используя jPlayer , плагин jQuery MP3.

Демоверсия (примерьте на iPhone): http://happyworm.com/jPlayerLab/single-page-app/#first

Answer 3

Я не знаю ни одной такой возможности настройки. Возможно, вы могли бы вместо этого добавить немного скрипта, который полностью скрывает элемент <audio> и предоставляет альтернативные элементы управления взаимодействием JavaScript, стилизованные под ваш выбор.