Reactjs 反应视频合成事件

Reactjs 反应视频合成事件,reactjs,Reactjs,我遇到一个问题,我的投影组件在onLoadedMetadata上更新redux以设置持续时间,然后更新时间onTimeUpdate,以创建我自己的进度条。但是,我在onTimeUpdate返回的值大于给定的持续时间onLoadedMetadata function Projection({ dispatch, video }) { return ( <video className={`projectVideo ${ENV}`} onTimeUpdate

我遇到一个问题,我的投影组件在
onLoadedMetadata
上更新redux以设置持续时间,然后更新时间
onTimeUpdate
,以创建我自己的进度条。但是,我在
onTimeUpdate
返回的值大于给定的持续时间
onLoadedMetadata

function Projection({ dispatch, video }) {
  return (
    <video
      className={`projectVideo ${ENV}`}
      onTimeUpdate={e => dispatch(videoUpdateAction(e.timeStamp))}
      onLoadedMetadata={e => dispatch(videoLoadedAction(e.currentTarget.duration * 1000))}
      onEnded={() => dispatch(videoEndedAction())}
      autoPlay
    >
      <source src={`/videos/${video}`} type="video/mp4"></source>
    </video>
  );
}
函数投影({dispatch,video}){
返回(
调度(videoUpdateAction(例如时间戳))}
onLoadedMetadata={e=>dispatch(videoLoadedAction(e.currentTarget.duration*1000))}
onEnded={()=>dispatch(videoEndedAction())}
自动播放
>
);
}

您确定要
e.timeStamp
?在较新的实现中,该值是一个DOMHighResTimeStamp,表示自创建事件以来的秒数(毫秒,精确到5微秒)当我使用
e.DOMHighResTimeStamp
时,我没有定义。
e.timeStamp
在引擎盖下使用
DOMHighResTimeStamp
。我引用了句子的其余部分,即
timeStamp
属性表示自事件创建以来的时间,这可能不是您想要的。您是对的!非常感谢。您确定要
e.timeStamp
?在较新的实现中,该值是一个DOMHighResTimeStamp,表示自创建事件以来的秒数(毫秒,精确到5微秒)当我使用
e.DOMHighResTimeStamp
时,我没有定义。
e.timeStamp
在引擎盖下使用
DOMHighResTimeStamp
。我引用了句子的其余部分,即
timeStamp
属性表示自事件创建以来的时间,这可能不是您想要的。您是对的!非常感谢。