Это противное воспроизведение звука HTML5. Куда я иду не так? - PullRequest
Новая
       9

Это противное воспроизведение звука HTML5. Куда я иду не так?

0 голосов
/ 15 января 2019

Я потратил на это соло гораздо больше часов, чем мне следовало бы, и очень ценю, что вы помогали мне учиться!

У меня есть сайт, связанный с музыкой, который должен автоматически воспроизводить фоновую обстановку при загрузке без элементов управления (я знаю, что обычно это раздражает, но у меня есть JS, который делает громкость очень низкой, а звук в основном приятным коричневым -шум.)

Проблема во всем этом заключается в том, что, несмотря на все это, воспроизведение идеально происходит только в Firefox. Рабочий стол Safari или IOS не воспроизводит ничего .

У меня есть следующий синтаксис в верхнем / нижнем колонтитуле: 

<script>
  var audio = document.getElementById("bgnoise");
  audio.volume = 0.2;
</script>
<iframe src="https://dl.dropboxusercontent.com/s/fs2do1b5g17mqxs/silence.mp3?dl=0" 
allow="autoplay" id="audio" style="display:none">
</iframe>

<audio id="bgnoise"
autoplay 
preload="true" 
style="display:none"> 
enter code here

<source src="https://dl.dropboxusercontent.com/s/j021mggh8g2nh2b/lietoofine_-_03b_-_Get_Over_the_FOMO.ogg?dl=0" type="audio/ogg">
<source src="https://dl.dropboxusercontent.com/s/64i0456kmtsqbpv/lietoofine_-_03_-_Get_Over_the_FOMO.m4a?dl=0" type="audio/x-m4a">
<source src="https://dl.dropboxusercontent.com/s/pwdfzbrh435aaq9/lietoofine_-_03_-_Get_Over_the_FOMO.mp3?dl=0" type="audio/mp3”>

</audio>

----------- ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ:

  • Я не тестировал на Android или Chrome. Я проводил тестирование на Chromium и знаю, что он является еще более привлекательным для аудио HTML5, чем IE. Я предполагаю, что мобильные устройства чреваты еще большим количеством проблем с поддержкой HTML5.

    • Причина, по которой у меня есть такой синтаксис iframe, заключается в том, чтобы обмануть браузеры Chromium в воспроизведении с молчанием 250 миллисекунд, за один высоко принятый пост, который я нашел в другом месте в сети (хотя я не уверен на 100% в его ценности) ,

    • Все остальные мои браузеры воспроизводят музыку, подаваемую на сайт с
      Soundcloud встроил плагин на мою страницу, чтобы они могли проигрывать аудио. И
      Safari ИСПОЛЬЗУЕТСЯ для непоследовательного воспроизведения звука в прошлом.
      итерации этого кода, и теперь он вообще не воспроизводится.

      • Я подозреваю, что может быть и другая переменная, которая представляет собой кодирование моих файлов с использованием LAME / FFMPEG в Audacity (против iTunes
        Fraunhofer), который может иметь некоторые метаданные / настройки, которые Apple не поддерживает
        лайк. Но если это так, можно подумать, по крайней мере, 1 из 3
        источники, которые я положил, преуспели бы, нет? Файлы размещены на моем общедоступном
        папка dropbox (чьи ссылки я проверял, чтобы работать нормально, так как я создал свой Аккаунт Dropbox до того, как им будет отказано в общедоступных папках для новых пользователей).

      • Я использовал dl.dropboxusercontent.com (вместо www.dropbox.com) для доступа к необработанному файлу вместо перенаправления на Dropbox
        файл предварительного просмотра / комментарии, и я добавил? dl = 0 в источнике
        URL-адрес Dropbox, позволяющий браузеру решать, что делать с ним. файл (? dl = 1 заставляет вызов напрямую загрузить файл в пользовательскую файловую систему и не открывать ее).

      • Размеры файлов различных типов файлов параметров источника варьируются от 2 МБ до 6 МБ.

      • Я использовал тип x-m4a вместо m4a, когда читал где-то, что поддерживается шире. Я сомневаюсь, что файл на самом деле AAC содержится в M4A так как он не был закодирован iTunes. И я использовал тип файла mp3 для mp3 вместо рекомендуемого «mpeg», так как я закодировал его как MP3 не Mpeg.

      • Я использую перетаскиватель сайта [который поддерживает HTML / CSS / JS, но не устанавливает библиотеки / devfiles]. Опять же, звук отлично работает в Firefox ... но только Firefox!

В ожидании дня у нас есть 1 звуковой формат, универсально поддерживаемый всеми браузерами, устройствами и стандартами / API HTML. До тех пор очень ценю вашу помощь!

1 Ответ

0 голосов
/ 16 января 2019

Я был во многих местах, включая старый пост, которым вы любезно поделились @jdv. Но это привело меня к хорошему обходному пути. В конце концов я нашел ответ, почему Firefox воспроизводит звук, а Chrome и Safari - нет. Это не синтаксис HTML, это не кодировка файлов, это можно найти здесь: https://bitmovin.com/play-not-play-new-autoplay-policies-safari-11-chrome-64/

...