javascript - 绕过“DOMException：play() 失败，因为用户没有先与文档交互。”

Question

我正在使用 ReactJs。当我的网络应用程序加载时，我希望它播放声音。但这是不可能的，因为很明显，浏览器希望用户先与 DOM 进行交互，然后才能执行此操作。我正在尝试做的事情是否可能，如果是，怎么做？

这是我到目前为止尝试过的东西，它不起作用

export default function App(props) {
  const container = useRef();
  useEffect(() => {
    let click = new Event('click');
    container.current.dispatchEvent(click);
  }, []);
  return (
    <div ref={ container }></div>
  );
}

标签： javascriptreactjsbrowserhtml5-audio