Demo: https://create-your-own-adventure-01.netlify.com/
- Enter basic info and a valid video URL
- Scrub through timeline and click paper icon to insert a question
- Enter question
- Click on green view button on upper right to view interactive video - it appears only if there's atleast one question
- React 16
- Firebase
- Creator enters YT link, Title, and Description
- Creator scrubs through timeline and chooses a part where to insert prompt
- Creator upon click on the timeline opens a question composer
- Creator enters her/his questions
- Creatpr views interactive video
- Creator gets code for embed
- Should work with videos hosted on site like Wistia or Youtube
- Should allow creators to prompt viewers with a question
- Prompt should be possible at any video time specified by the creator
- Prompt should allow space for a question, and between 2 and 6 text responses
- For each response, the behavior can be to resume playback, or link to another URL
- Prompt and responses overlaid on video.
- The interactive video link can be embedded into another page using HTML and a simple URL
- Custom design (positioning, images for options)
- Collect an email to keep playing the video
- Tweet/share on facebook/linked in to continue playing video
- Allow responses to trigger files downloads (.pdf, .txt, .xls)
- Creator can see results of which responses people choose
- Show the results of polls to viewers after they select a response
- Anything else that makes it fun and engaging
- Use state management like Redux or Context
- Validations
- MORE Test Cases!!!!
- Improve usability
- Improve navigation
- Use YT in a HTML5 video tag
- Interact with YT IFRAME API
- Create YT Player component
- Handle 2 formats YT and Wistia
- Learn controls to play, pause, stop, replay, go to
- Fork the repo
- Install packages
npm install
- Start project
npm start
- Build project
npm run build