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
属性表示自事件创建以来的时间,这可能不是您想要的。您是对的!非常感谢。