Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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
Reactjs 将音频进度保存到状态(plyr)-反应_Reactjs_React Hooks_Html5 Audio_Plyr_Current Time - Fatal编程技术网

Reactjs 将音频进度保存到状态(plyr)-反应

Reactjs 将音频进度保存到状态(plyr)-反应,reactjs,react-hooks,html5-audio,plyr,current-time,Reactjs,React Hooks,Html5 Audio,Plyr,Current Time,我想使用useState钩子(progress,setProgress)将音频进度保存到state,并将其保存在本地存储中 为了实现这一点,我正在useEffect挂钩中监听一个timeupdate事件: player.on("timeupdate", (e) => { setProgress(player.currentTime); }); 在同一个useEffect钩子中,我返回以下内容: return () => {

我想使用useState钩子(progress,setProgress)将音频进度保存到state,并将其保存在本地存储中

为了实现这一点,我正在useEffect挂钩中监听一个timeupdate事件:

player.on("timeupdate", (e) => {
      setProgress(player.currentTime);
      
    });
在同一个useEffect钩子中,我返回以下内容:

return () => {
      localStorage.setItem(props.audio_url, JSON.stringify(progress));
      console.log(progress);
      player.destroy();
    };
由于某些原因,当卸载组件和控制台日志进行时,即使currentTime不是0,我也得到了0