Программно воспроизводить звуковые клипы из html5 canvas в iOS?

#ios #html5-canvas #html5-video #html5-audio

#iOS #html5-canvas #html5-видео #html5-аудио

Вопрос:

Я надеюсь, что можно создавать интерактивные презентации, которые воспроизводят звуки при определенных пользовательских событиях, используя canvas, и заставить его работать должным образом и загружаться на iOS либо как мобильный сайт, либо как объект типа phonegap, либо как обернутый webview. Я знаю, что html5 и видео — это полный тупик на iOS (глупо) из-за отсутствия автозапуска и отсутствия проблемы с «проглотить все клики». Если я не использую видео, а просто перемещаю картинки (например, «эффект Кена Бернса» с кнопками), и я хочу, чтобы при нажатии кнопки воспроизводились короткие аудиоклипы, будет ли это работать на iOS или существуют сумасшедшие ограничения без автозапуска без предварительной загрузки, которые препятствуют этомутоже? Любые указатели на рабочие примеры тоже были бы хороши, отношение сигнал / шум при поиске по этому вопросу ужасное. 😉

Комментарии:

1. Те же ограничения применяются как к видео, так и к аудио в iOS. Вы должны получить прямое физическое взаимодействие с пользователем, чтобы начать воспроизведение или предварительную загрузку.

Ответ №1:

Для воспроизведения звука на iOS и Android вы должны использовать тег html5 audio.

 <audio controls>
  <source src="yourFile.mp3" type="audio/mp3">
</audio>
 

это поставляется со встроенным элементом управления. Если вам нужен пользовательский внешний вид и заливка, то в jquery есть несколько библиотек, вы можете использовать это.