HTML5 Audio не работает на мобильных браузерах
Перед тем, как кто-либо прочитает это, отредактируйте: Это не автовоспроизведение аудио. Мы ждем взаимодействия пользователей, и он отлично работает в каждом протестированном браузере на windows/Mac
У меня есть сайт, который в настоящее время использует React и Django для обслуживания всех типов медиа - видео, изображений и аудио.
Я знаю, что это не так эффективно, как должно быть, в отношении доставки, и я не реализовал никаких потоков, однако, давайте проигнорируем это и перейдем к проблеме: Мое аудио с пользовательскими элементами управления не воспроизводится на iOS. Я не тестировал на устройствах android, но оно отлично работает в Chrome, Firefox, Safari на MacOS.
Я знаю, что здесь есть несколько старых тем и вопросов, связанных с iOS и тем, как воспроизводятся определенные медиа, но они не кажутся непосредственно применимыми или действительно полезными в данной конкретной ситуации.
Вот код для моего аудио компонента, у меня есть чувство, что это связано с пользовательскими элементами управления, поэтому я включу его также, но что касается HTML, я пока не нашел логической проблемы. Все следующие сомнительные переменные здесь работают с моими другими медиа компонентами, поэтому я не уверен, что проблема именно в синтаксисе.
Возможно, проблема с компонентом 'AudioSpectrum', но он загружается непосредственно в браузерах iOS/Mobile, поэтому не чувствует, что это так.
Обновление: Иногда, даже если чувствует, что это не что-то, полезно проверить, потому что барабанная дробь... это БЫЛ компонент 'AudioSpectrum'. Спасибо всем, кто не помог с этим!