ð视频钩子挂钩
#javascript #react #视频 #videojs

Image description

某些情况可以使我们的开发变得困难,例如从代码不同部分的视频事件的更新而没有一致性。这使得不可读的代码不可阅读且难以维护。视频反应钩代表挂钩形状的视频事件,可以在视频或其他需要受视频事件影响的组件中使用整个应用程序。

每个基于视频事件的钩子,并在合适的事件将发射时执行,挂钩将在视频将初始化后,而不是像React Do一样在渲染之后执行挂钩,但是在Hood Video-React-React-React-React-Hooks下也使用了React Hooks。

Check Live Example

NPM

简单用法

import { useReadyEffect, usePlayingEffect, usePauseEffect } from 'video-react-hooks';

export const VideoComponent = () => {

  useReadyEffect(() => {
    //executed when video is ready
  }, []);

  usePlayingEffect(() => {
    //executed when video is playing
  }, []);

  usePauseEffect(() => {
    //executed when video is paused
  }, []);

  return (//jsx);
}