javascript - 停止して質問に答える機能を備えた JS ビデオ プレーヤー

Question

タイム コードで停止し、いくつかの質問を表示してから再びビデオを再生できるビデオ プレーヤーを用意する、ほぼ完全なソリューションはありますか? coursera.org が持っているもののように。彼らのプレーヤーは video.js に基づいているようですが、カスタマイズされています。質問などをカスタマイズできる機能を既に備えているプレーヤーを探しています。誰が私が何を使うべきか提案がありますか?

// 反応コンポーネントであれば、もっと嬉しいです :)

Answer 1

これを可能にするreact-playerパッケージがあります：

import ReactPlayer from 'react-player'

class App extends Component {
  onDuration() {
    console.log('this function will be called every second')
  }

  render () {
    return (
      <ReactPlayer 
        url='your_video_url' 
        playing
        onDuration={this.onDuration}
      />
    )
  }
}