Video intervals selection web tool

Definition of the User Story: Create a REACTJS web tool which allows the user to select multiple time intervals of variable lengths starting from a video source mp4 format file. Description of the Tasks (please reference to mockup in attachment) 1) Create a Timeline bar which allows the user to select the interval of interest from the recording of an entire video in mp4 format. 2) Create a second timeline bar depending on the interval selected at 1) which allows the user to select precisely the start and the end of a video clip. Interval at step 2 can be thought as a zoom into the Interval created at step 1 3) Create an ADD TO button which allows the user to add the selected clip to a specific video (e.g. see in Mockup: Video1, Video2, +New Video). (Allow the user to repeat steps 1-3 as many times as the user requires.) 4) Display all the video clips in the corresponding Video Group accessible through a side scroll bar. 5) Within each Video Group, the user has the possibility to order the sequence of clips through the option: drag&drop Close to each video clip within each Video group, the start and stop time have to be displayed. The length of the video clip has to be displayed under each video clip as it is shown in above mockup. The sum of the length of each video clip has to be shown beside the Video Title as in the above mockup (e.g. Video-1 0:18 min) 6) Implement a ‘Create Video’ Button which allows the user to send to our server the following: the title of each video (e.g. Video-1) along with corresponding Video Clips (e.g. title1.1, title1.2) and the Start and End time of each video clip (e.g. title1.1: Start: 00:00:16 - Stop: 00:00:21). Acceptance Criteria: • Have a well working and defined tool which is simple, fast and friendly to use. • Create a Demo to show how the tool works