#Annotated Interactive HTML5 Video Player
This project was bootstrapped with Create React App.
$ git clone [email protected]:Harkindey/annotated-interactive-html5-video-player.git
$ cd annotated-interactive-html5-video-player
$ yarn install or npm install
$ yarn start or npm start
- Copy a video file to
publicfolder - Add the name and type to the component in
App.js
<Video src="./anderson.mp4" typ="video/mp4"></Video>
- Save and Start server.
"To do a cross-fade, I would need two videos, or I video elements containing
the same video. I would have one video in front of the other, and gradually
change the opacity of the front one to do the cross-fade. So when the hotspot
are clicked, the next video picks it up and the former reduces opacity and
delay b4 it resets."
While CROSSFADING, the volume of enter video should start from 0 --> 1
while voulume of leaving video should start from 1 --> 0,
would figure out how to interpolate values or create a github issue.