- Почему не удается получить звук с помощью тега HTML audio с атрибутом autoplay
- 2 ответа
- Редактировать
- Как заставить работать тег autoplay
- Решение
- Не воспроизводится музыка
- How to make audio autoplay on chrome
- 22 Answers 22
- Solution without using iframe, or javascript:
- Audio.autoplay при перезагрузке страницы
Почему не удается получить звук с помощью тега HTML audio с атрибутом autoplay
Пытался сделать для трейнера созданную html-страницу. Поэтому я хотел, чтобы звук стартовой страницы воспроизводился автоматически. Но когда я открываю стартовую страницу, этот аудиофайл не воспроизводится автоматически. Я тестировал его в браузере Chrome
Я использовал другой способ, тоже не автозапускается
Я пробовал ваше решение, но звук по-прежнему не воспроизводится.
Надеюсь, все мне помогут, большое вам спасибо
2 ответа
В Chrome работает мой фрагмент:
Аудиотегу нужно id=»myaudio» вот так:
Сценарий, который у вас внизу, ищет тег с идентификатором ‘myaudio’ и вызывает play() для воспроизведения аудиоклипа.
Протестировано в chrome 70.0.3538
Редактировать
Ошибка, с которой вы столкнулись, в основном связана с тем, что обещание, возвращенное при вызове метода воспроизведения, не было перехвачено (см. Код ниже для обработки обещания).
Однако помимо этого есть изменения в политике автоматического воспроизведения Chrome появится в этом месяце, что повлияет на возможность автовоспроизведения в Chrome. Короче говоря, вам потребуются разрешения, если вы хотите автоматически воспроизводить звук на веб-странице, в противном случае вам нужно будет дождаться взаимодействия с пользователем, прежде чем вы сможете воспроизвести звук.
Ниже приведен пример, который проверяет, можете ли вы воспроизводить автоматически (состояние AudioContext немедленно переходит в состояние «работает»), в противном случае воспроизведение начнется после взаимодействия с пользователем (пользователь нажимает кнопку).
Источник
Как заставить работать тег autoplay
Помощь в написании контрольных, курсовых и дипломных работ здесь.
есть код, но бутсрап не фурычит. подскажите, пожалуйста, как исправить? !DOCTYPE html> 13
Решение
a_lar, в связи с политикой современных браузеров автоплей невозможен.
Mailo, да. Не так давно на две темы подряд про видео отвечал, можете поискать)
В целом, это правильная позиция. Но неплохо было бы это в документации описать, чтобы не возникало вопросов у тех, кто с этим ещё не сталкивался.
почему мне кажется что не каждый десятый читает документацию.
Mailo, потому что лень набрать 3 слова в гугле.
gogolik, это приходит с опытом)
как заставить работать QT
Только установила QT. Пытаюсь скомпилировать консольную программу: #include int.
Как заставить это работать
Кароче есть класс он конечно же находится в отдельных hpp и cpp файлах. В классе есть template.
Как заставить работать UART?
Решил разобраться с работой UART. Написал такую вот простейшую программку. МК подключен к КОМ.
Пытаюсь разобраться в основах JS и JQ, но даже азы даются с трудом. Как заставить данный код.
Источник
Не воспроизводится музыка
Что я делаю не так?
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Не воспроизводится музыка
Здравствуйте товарищи программисты. Я писал плеер с помощью Windows Forms.
Не воспроизводится музыка
создаю программу, которая просто воспроизводит музыку #include #pragma comment (lib.
Вконтакте не воспроизводится музыка
Flashplayer обнавлял,все обновил, ничего не помогает..((((
Смотри что бы совпадали пути файлов, у тебя на фотке они не совпадают
| Комментарий администратора | ||
| ||
kinder_defis, у него полномочий нет — у меня есть. Код на форум — в текстовом формате.
Если Вы не в курсе как это делается — я подскажу: ctrl+a ctrl+с ctrl+v
Когда Вам понадобится разместить картинку — заливайте ее на форум и прикрепляйте к сообщению.
Неужели нет ни одного человека, который может подсказать, что не так.
Добавлено через 1 час 6 минут
Ну же, неужели тут только одни профаны сидят.
Еще замечу что кроме того что названия, как и говорилось выше, должны быть в латине так и путь должен быть прописан относительно того файла который дает команду на запуск. В вашем случаи, я так предполагаю, что корневую папку зовут sait, если да и в корне лежит файл на команду и рядом аудио файл то было бы так —
Так я тоже пробывал.
Добавлено через 4 часа 22 минуты
Блин ну вот что за хрень. Вроде всё так легко и так сложно.
Я уже разобрался, вы немного опоздали, но всё равно спасибо.
Добавлено через 3 часа 13 минут
Как сделать, чтобы она постоянно воспроизводилась?
Добавлено через 5 минут
Всё разобрался, можете не отвечать.
Добавлено через 34 минуты
Смотрите
в лупе стоит значение тру, а музыка все равно не повторяется. В чем проблема?
Добавлено через 57 минут
Я серьезно, помогите.
Не зацикливается фон, я уже и цифры перепробовал, и инфинити. Проигрывается только один раз.
Добавлено через 2 минуты
Ваш файл у меня кстати не работает. Хотя мой работает нормально.
Добавлено через 4 минуты
А как сделать чтобы несколько треков играло?
Не воспроизводится музыка из интернета
Проблема, есно, не смертельная, но довольно неприятная. Беда вот в чем: когда находишься в нете.
bass — не воспроизводится музыка
Привет! Подскажите плиз. Вобщем написал такое: #include #pragma hdrstop #include.
Источник
How to make audio autoplay on chrome
Audio autoplay is working in Mozilla, Microsoft Edge and old Google Chrome as well but not in new Google Chrome.
They have blocked the autoplay. is there any way to make it audio autoplay in Google Chrome?
22 Answers 22
Solution #1
My solution here is to create an iframe
and audio tag aswell for non-chrome browsers
and in my script
Solution #2:
There is also another workaround for this according to @Leonard
Create an iframe that doesn’t play anything just to trigger the autoplay in the first load.
good source for the mp3 file silence.mp3
Then play your real audio file at ease.
Personally I prefer solution #2 because it is cleaner approach for not relying so much in JavaScript.
Update August 2019
Solution #3
As an alternative we can use
For Firefox It seems that audio auto-play is working so we don’t need the element because it will create double audio running.
Also if you have a toggle event for your audio make sure to remove the created element for audio.
Note: After your toggle, it will restart from the beginning because the is already deleted and the element will play as normal now.
And now make sure to hide these and elements
Note: diplay: none and visibility: hidden will make the element not work.
There is a really neat trick to use the autoplay-function of the audio tag in chrome.
whereas silence.mp3 only is 0.5 seconds of silence.
Chrome notices that a sound has been played and gives the permission for autoplay in audio tags.
As of April 2018, Chrome’s autoplay policies changed:
«Chrome’s autoplay policies are simple:
- Muted autoplay is always allowed.
Autoplay with sound is allowed if:
- User has interacted with the domain (click, tap, etc.).
- On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
- On mobile, the user has added the site to his or her home screen.
- Top frames can delegate autoplay permission to their iframes to allow autoplay with sound. «
Chrome’s developer site has more information, including some programming examples, which can be found here: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
At least you can use this:
The music starts when the user clicks anywhere at the page.
It removes also instantly the EventListener, so if you use the audio controls the user can mute or pause it and the music doesn’t start again when he clicks somewhere else..
Than this will work as you want:
The browsers have changed their privacy to autoplay video or audio due to Ads which is annoying. So you can just trick with below code.
You can put any silent audio in the iframe.
Just add an invisible iframe with an .mp3 as its source and allow=»autoplay» before the audio element. As a result, the browser is tricked into starting any subsequent audio file. Or autoplay a video that isn’t muted.
You may simply use (.autoplay = true;) as following (tested on Chrome Desktop):
If you need to add stop/play buttons:
If you want stop/play to be one single button:
If you want to display stop/play on the same button:
In some browsers audio may doesn’t work correctly, so as a trick try adding iframe before your code:
i used pixi.js and pixi-sound.js to achieve the auto play in chrome and firefox.
it also works on mobile devices but user have to touch somewhere on the screen to trigger the sound.
Use iframe instead:
Or use a custom player to trigger play http://zohararad.github.io/audio5js/
Note : Autoplay will be renabled in 31 December
I add controls attribute too tag audio, and simply hide it in CSS. And all works fine in Chrome.
Solution without using iframe, or javascript:
With this solution, the open/save dialog of Internet Explorer is also avoided.
I’ve been banging away at this today, and I just wanted to add a little curiosum that I discovered to the discussion.
Anyway, I’ve gone off of this:
And finally this, a «solution» that is somewhat out of bounds if you’d rather just generate your own thing (which we do):
The discovery I’ve made and also the truly funny (strange? odd? ridiculous?) part is that in the case of the former two, you can actually beat the system by giving f5 a proper pounding; if you hit refresh repetetively very rapidly (some 5-10 times ought to do the trick), the audio will autoplay and then it will play a few times upon a sigle refresh only to return to it’s evil ways. Fantastic!
In the announcement from Google it says that for media files to play «automatically», an interaction between the user and the site must have taken place. So the best «solution» that I’ve managed to come up with thus far is to add a button, rendering the playing of files less than automatic, but a lot more stable/reliable.
Источник
Audio.autoplay при перезагрузке страницы
Но ничего особенного здесь нет, это рабочий код.
Я долго мучился, пытаясь выяснить закономерность: когда музыка включается, а когда нет. И сейчас вдруг обнаружил, что не включается она только после перезагрузки страницы нажатием кнопки с браузере, а если нажать F5, то всё работает!
Вопрос: КАК ЭТО ВОЗМОЖНО. Чем эти два способа перезагрузки страницы отличаются?
P.S.: Только что обнаружил ещё такую вещь: при долгом нажатии на F5 музыка не включается. Но при обычном, коротком нажатии всё работает – это 100%.
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Signatures gathered: 000000000
4
Но ничего особенного здесь нет, это рабочий код.
Я долго мучился, пытаясь выяснить закономерность: когда музыка включается, а когда нет. И лишь спустя время вдруг обнаружил, что не включается она только после перезагрузки страницы по нажатию кнопки в браузере. Если же нажать F5 на клавиатуре, то всё работает!
Вопрос: КАК ЭТО ВОЗМОЖНО. Как, блин, способ перезагрузки может повлиять на запуск фонового аудио?
Ещё более странной ситуацию делают следующие факты:
- При долгом нажатии на F5 музыка не включается. Но при обычном, коротком нажатии всё работает – это 100%
- С кэшем это, по всей видимости, не связано, т.к. не используя кэш обновляют страницу сочетания клавиш Ctrl+F5 и Ctrl+Shift+R, у меня же и при нажатии просто F5 срабатывает. Однако я на всякий случай проверил, отключив кэш в нетворке, – закономерно не помогло
- Только лишь скрипт, включающий фоновую музыку, не срабатывает в описанных случаях. Остальное содержимое js файла работает исправно при любом варианте перезагрузки, а там немало
Я очень удивлюсь, если кто-то назовёт причину, объясняющую все эти странности.
| Комментарий модератора | ||
| ||