Почему не работает autoplay html

Почему не удается получить звук с помощью тега HTML audio с атрибутом autoplay

Пытался сделать для трейнера созданную html-страницу. Поэтому я хотел, чтобы звук стартовой страницы воспроизводился автоматически. Но когда я открываю стартовую страницу, этот аудиофайл не воспроизводится автоматически. Я тестировал его в браузере Chrome

Я использовал другой способ, тоже не автозапускается

Я пробовал ваше решение, но звук по-прежнему не воспроизводится.

Надеюсь, все мне помогут, большое вам спасибо

2 ответа

В Chrome работает мой фрагмент:

Аудиотегу нужно id=»myaudio» вот так:

Сценарий, который у вас внизу, ищет тег с идентификатором ‘myaudio’ и вызывает play() для воспроизведения аудиоклипа.

Протестировано в chrome 70.0.3538

Редактировать

Ошибка, с которой вы столкнулись, в основном связана с тем, что обещание, возвращенное при вызове метода воспроизведения, не было перехвачено (см. Код ниже для обработки обещания).

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

Ниже приведен пример, который проверяет, можете ли вы воспроизводить автоматически (состояние AudioContext немедленно переходит в состояние «работает»), в противном случае воспроизведение начнется после взаимодействия с пользователем (пользователь нажимает кнопку).

Источник

Как заставить работать тег autoplay

Помощь в написании контрольных, курсовых и дипломных работ здесь.

как заставить работать bootsrap
есть код, но бутсрап не фурычит. подскажите, пожалуйста, как исправить? !DOCTYPE html> 13

Решение

a_lar, в связи с политикой современных браузеров автоплей невозможен.

Mailo, да. Не так давно на две темы подряд про видео отвечал, можете поискать)

В целом, это правильная позиция. Но неплохо было бы это в документации описать, чтобы не возникало вопросов у тех, кто с этим ещё не сталкивался.

почему мне кажется что не каждый десятый читает документацию.

Mailo, потому что лень набрать 3 слова в гугле.

gogolik, это приходит с опытом)

как заставить работать QT
Только установила QT. Пытаюсь скомпилировать консольную программу: #include int.

Как заставить это работать
Кароче есть класс он конечно же находится в отдельных hpp и cpp файлах. В классе есть template.

Как заставить работать UART?
Решил разобраться с работой UART. Написал такую вот простейшую программку. МК подключен к КОМ.

Как заставить скрипт работать?
Пытаюсь разобраться в основах JS и JQ, но даже азы даются с трудом. Как заставить данный код.

Источник

Автовоспроизведение видео не работает в браузерах Safari и Chrome для ПК.

Я потратил довольно много времени, пытаясь понять, почему видео встроено вот так:

начинает воспроизведение автоматически после загрузки страницы в FireFox, но не может выполнять автовоспроизведение в браузерах на основе Webkit. Это происходило только на некоторых случайных страницах. Причину найти пока не удалось. Я подозреваю, что какие-то незакрытые теги или обширный JS, созданный редакторами CMS.

Лучшее исправление, которое я мог получить, — это добавить этот код сразу после

. не красиво, но как-то работает.

ОБНОВЛЕНИЕ В последнее время многие браузеры могут автоматически воспроизводить видео только с выключенным звуком, поэтому вам также нужно добавить muted атрибут в тег видео.

После использования jQuery play() или манипуляции с DOM, как было предложено другими ответами, он все еще не работал (видео не воспроизводилось автоматически) в Chrome для Android (версия 56.0).

Согласно этому сообщению на developers.google.com , начиная с Chrome 53, опция автовоспроизведения учитывается браузером, если видео отключено .

Таким образом, использование autoplay muted атрибутов в теге видео позволяет автоматически воспроизводить видео в браузерах Chrome, начиная с версии 53.

Выдержка из приведенной выше ссылки:

Отключенное автовоспроизведение видео поддерживается Chrome для Android начиная с версии 53. Воспроизведение начнется автоматически для видеоэлемента, как только он появится в поле зрения, если оба параметра autoplay и muted установлены [. ]

• Отключенное автовоспроизведение поддерживается Safari на iOS 10 и новее.
• Автовоспроизведение, без звука или без звука, уже поддерживается на Android браузером Firefox и UC: они не блокируют никакого автовоспроизведения.

Бывает, что Safari и Chrome на рабочем столе не любят манипуляции с DOM вокруг тега видео. Они не будут активировать порядок воспроизведения, если установлен атрибут autoplay, даже если событие canplaythrough сработало, когда DOM вокруг тега видео изменился после начальной загрузки страницы. В основном у меня была такая же проблема, пока я не удалил jQuery .wrap () вокруг тега видео, и после этого он автоматически воспроизводился, как ожидалось.

Google только что изменил свою политику в отношении автовоспроизведения видео, она должна быть muted

Вы можете проверить здесь

так что просто добавь приглушенный

Для меня проблема заключалась в том, что muted атрибут нужно было добавить в video тег. То есть:

Источник

Автоматическое воспроизведение видео не работает в браузере Safari и Chrome для настольных ПК

Я потратил довольно много времени, пытаясь понять, почему видео встроено, как здесь:

Начинает играть автоматически после загрузки страницы в FireFox, но не может выполнить автозапуск в браузерах на основе Webkit. Это случилось только на некоторых случайных страницах. До сих пор я не смог найти причину. Я подозреваю, что некоторые незакрытые теги или обширные JS созданы редакторами CMS.

19 ответов

Лучшее исправление, которое я мог получить, — добавить этот код сразу после

. не красиво, но как-то работает.

UPDATE В последнее время многие браузеры могут автоматически воспроизводить видео только с отключенным звуком, поэтому вам необходимо добавить атрибут muted в тег видео.

Это связано с тем, что в настоящее время Chrome запрещает автоматическое воспроизведение видео html5, поэтому по умолчанию они не разрешают автоматическое воспроизведение. так что мы можем изменить эти настройки, используя настройки флага Chrome. это невозможно для нормального случая, поэтому я должен найти другое решение. это работает отлично . (add preload = «auto»)

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

Мы добавили в код третий атрибут playsinline, и это исправило проблему для пользователей iOS.

Это исправление относится только к видео, которые должны воспроизводиться в режиме реального времени. Из https://webkit.org/blog/6784/new- video-policy-for-ios /:

На iPhone элементам теперь будет разрешено играть в режиме реального времени, и они не будут автоматически переходить в полноэкранный режим при начале воспроизведения. элементы без атрибутов playsinline будут по-прежнему требовать полноэкранного режима для воспроизведения на iPhone. При выходе из полноэкранного режима с помощью жеста щипка элементы без playsinline будут продолжать проигрываться inline.

Для меня проблема была в том, что атрибут muted нужно было добавить в тег video . т.е .:

Я только что получил ту же проблему с моим видео

После поиска я нашел решение:

Если я установлю атрибуты «preload» в «true», видео начнется нормально

Добавление приведенного ниже кода внизу страницы сработало для меня. Я не знаю, почему это работает 🙁

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

Google обновил политику автозапуска. Автоигра работает только в режиме без звука. Проверьте ссылку https://developers.google.com/web / обновление / 2017 / 09 / автоигра — директивные изменения

Google только что изменил свою политику для видео с автоматическим воспроизведением, это должно быть muted

Так что просто добавьте приглушенный

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

Бывает, что Safari и Chrome на рабочем столе не любят манипулирование DOM вокруг тега видео. Они не будут запускать порядок воспроизведения, если для параметра autoplay установлено значение even , если событие canplaythrough сработало, когда DOM вокруг тега video изменилось после начальной загрузки страницы. По сути, у меня была такая же проблема, пока я не удалил jQuery .wrap () вокруг тега video, и после этого он воспроизводился автоматически, как и ожидалось.

Ни один из других ответов не работал для меня. Мой обходной путь должен был вызвать щелчок на самом видео; hacky (из-за необходимого времени ожидания), но он работает нормально:

Потратил два часа, пробуя все решения, упомянутые выше.

Вот что наконец-то сработало для меня:

После использования jQuery play() или манипулирования DOM, как было предложено в других ответах, он не работал (видео не воспроизводилось автоматически) в Chrome для Android (версия 56.0).

Согласно этой публикации в developers.google.com В Chrome 53 браузер учитывает параметр автозапуска, если видео отключено .

Таким образом, использование атрибутов autoplay muted в теге video позволяет автоматически воспроизводить видео в браузерах Chrome начиная с версии 53.

Выдержка из ссылки выше:

Начиная с версии 53, Chrome для Android поддерживает отключенный автозапуск видео. Воспроизведение начнется автоматически для видеоэлемента, как только он появится, если оба autoplay и muted установлены [. ]

• Приглушенный автозапуск поддерживается Safari на iOS 10 и более поздних версиях.
• Автозапуск, независимо от того, отключен он или нет, уже поддерживается в Android браузерами Firefox и UC: они не блокируют автозапуск.

Chrome не позволяет автоматически воспроизводить видео при включенном звуке, поэтому обязательно добавьте атрибут muted в тег video следующим образом

Я решил ту же проблему с,

Вы должны запустить видео после того, как страница была показана.

var video = document.querySelector(‘video’); video.muted = true; video.play()

Только это решение помогло мне, . не сработало .

Вот как я обычно это делаю. loop, controls и autoplay не требуют значения, они являются логическими атрибутами.

Источник

Автозапуск аудио не работает в Chrome

Автозапуск аудио работает в Mozilla, Microsoft Edge и старом Google Chrome, но не в новом Google Chrome. они заблокировали автовоспроизведение. Есть ли способ сделать это автозапуск аудио в Google Chrome?

25 ответов

Решение № 1

Мое решение здесь заключается в создании iframe

а также audio пометить, а не для браузеров Chrome

и в моем script

Решение № 2:

По словам @Leonard, для этого есть и другой обходной путь

Создать iframe это не играет ничего, только чтобы вызвать автозапуск при первой загрузке.

хороший источник для mp3 файла из @Neil silence.mp3

Тогда играйте свой настоящий аудио файл в покое

Лично я предпочитаю решение № 2, потому что это более чистый подход, чтобы не полагаться на JavaScript.

Есть действительно изящная хитрость в использовании функции автозапуска аудиотега в chrome.

в то время как silence.mp3 только 0,5 секунды тишины.

Chrome замечает, что звук был воспроизведен, и дает разрешение на автоматическое воспроизведение в аудиотэгах.

Посмотреть это в действии: http://deinesv.cf/

С апреля 2018 года правила автозапуска Chrome изменились:

«Правила автозапуска Chrome просты:

• Приглушенный автовоспроизведение всегда разрешено.

Автозапуск со звуком разрешен, если:

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

• Верхние фреймы могут делегировать разрешение автозапуска для своих фреймов, чтобы разрешить автоигру со звуком. «

Сайт разработчика Chrome содержит больше информации, включая примеры программирования, которые можно найти здесь: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

По крайней мере, вы можете использовать это:

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

Он также мгновенно удаляет EventListener, поэтому, если вы используете элементы управления звуком, пользователь может отключить или приостановить его, и музыка не запустится снова, когда он щелкнет где-то еще.

Чем это будет работать, как вы хотите:

Браузеры изменили свою конфиденциальность на автовоспроизведение видео или аудио из-за рекламы, которая раздражает. Таким образом, вы можете просто обмануть код ниже.

В iframe можно поместить любой беззвучный звук.

Просто добавьте невидимый iframe с.mp3 в качестве источника и allow=»autoplay» перед элементом audio. В результате браузер обманом запускает любой последующий аудиофайл. Или автовоспроизведение видео без звука.

Вы можете просто использовать (.autoplay = true;) следующим образом (проверено на Chrome Desktop):

Если вам нужно добавить кнопки остановки / воспроизведения:

Если вы хотите, чтобы стоп / воспроизведение было одной кнопкой:

Если вы хотите отображать стоп / воспроизведение на той же кнопке:

В некоторых браузерах звук может работать некорректно, поэтому попробуйте добавить iframe перед кодом:

Атрибут автозапуска звука HTML5 по умолчанию не работает в Chrome, но вы можете включить автозапуск звука с помощью JavaScript. Попробуй это:

Это работает для меня.

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

Во всяком случае, я ушел от этого:

И, наконец, это «решение», которое несколько выходит за пределы, если вы просто хотите создать свою собственную вещь (что мы делаем):

Открытие, которое я сделал, а также по-настоящему забавная (странная? Странная? Смешная?) Часть состоит в том, что в случае с первыми двумя вы можете на самом деле победить систему, дав f5 правильное избиение; если вы нажмете на обновление очень быстро (примерно 5-10 раз должно сработать), звук будет воспроизводиться автоматически, а затем он будет проигрываться несколько раз при обновлении сингла, только чтобы вернуться к злым путям. Фантастика!

В объявлении от Google говорится, что для того, чтобы медиа-файлы воспроизводились «автоматически», должно происходить взаимодействие между пользователем и сайтом. Поэтому лучшее «решение», которое мне удалось найти, — это добавить кнопку, которая сделает воспроизведение файлов менее автоматическим, но гораздо более стабильным / надежным.

Источник