Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript useEffect未启动音频文件功能_Javascript_Html_Reactjs_Audio_Use Effect - Fatal编程技术网

Javascript useEffect未启动音频文件功能

Javascript useEffect未启动音频文件功能,javascript,html,reactjs,audio,use-effect,Javascript,Html,Reactjs,Audio,Use Effect,我正在尝试在我的应用程序加载时在后台播放歌曲。但是,它不能与useffect一起工作。我还尝试在useEffect中使用useState,得到了相同的结果。在下面的代码中,如果我单击Play按钮,它工作正常。你对我做错了什么有什么指点吗 第一次尝试 constfooter=()=>{ 让音频=新音频(仅限您); 常量开始=()=>{ 音频播放(); }; 常数停止=()=>{ audio.pause(); } useffect(()=>{ 开始() }, []) 返回( 玩 停止 )试试这个

我正在尝试在我的应用程序加载时在后台播放歌曲。但是,它不能与useffect一起工作。我还尝试在useEffect中使用useState,得到了相同的结果。在下面的代码中,如果我单击
Play
按钮,它工作正常。你对我做错了什么有什么指点吗

第一次尝试

constfooter=()=>{
让音频=新音频(仅限您);
常量开始=()=>{
音频播放();
};
常数停止=()=>{
audio.pause();
}
useffect(()=>{
开始()
}, [])
返回(
玩
停止
)
试试这个

const audio = new Audio(onlyYou)
const Footer = () => {
  useEffect(() => { audio.play() }, [])
  return (...)
查看它是否工作。这必须先工作。否则,您可能会遇到问题,即如果没有用户确认问题,音频无法启动

试试这个

const audio = new Audio(onlyYou)
const Footer = () => {
  useEffect(() => { audio.play() }, [])
  return (...)
查看它是否工作。这必须先工作。否则,您可能会遇到问题,即如果没有用户确认问题,音频无法启动


这可能与音频文件未加载和未准备好在
useffect
运行时播放有关。看一看。

这可能与音频文件未加载和未准备好在
useffect
运行时播放有关。看一看。

显然与自动播放和google chrome。不能自动播放没有用户交互。显然它与autoplay和google chrome有关。不能自动播放没有用户交互。显然它与autoplay和google chrome有关。不能自动播放没有用户交互。显然它与autoplay和google chrome有关。不能自动播放没有用户i互动。