const enableSound = () => {
var audioCtx = new AudioContext();
if (audioCtx) {
audioCtx.resume().then(() => {
window.context = audioCtx
}).catch(() => {
window.context = audioCtx
});
}
}
useEffect(() => {
var context = new AudioContext();
window.context = context;
document.body.addEventListener('click', enableSound );
return () => {
document.body.removeEventListener('click', enableSound );
}
},[]);
// This is called when the action cable is received.
const playSound = (payload) => {
const audio = new Audio('url_sound_here');
audio.play();
}
< /code>
Звук воспроизводится, когда пользователь получает трансляцию от кабеля действий и заранее взаимодействует со страницей. Несколько кликов до воспроизведения звука, особенно на мобильных устройствах. Это также происходит, когда вкладка была неактивной на некоторое время и снова становится активной. Иногда это не последовательно, иногда он не будет работать и требует обновления. < /P>
Кабель действия кажется хорошим. Это проблема, когда играет звук. Я не уверен, в чем причина. < /P>
- Это аудио -политика? Включить аудио контекст? < /li>
Есть ли лучший способ включить аудио контекст? /10/25:
Пакет для аудио-контекста: https://www.npmjs.com/package/standardi ... io-context
Подробнее здесь: https://stackoverflow.com/questions/794 ... in-reactjs
Мобильная версия