Video Hotspot Creator

Description

This was a prototype web app for creating and positioning interactive hotspots on top of video content. In this prototype a user would first import a video file. Once a video file has been imported they can use the menu system to create a new hotspot: providing an id for the hotspot, resizing the hotspot as needed. Next the user would playback the video while moving/repositioning the hotspot over the target object. When complete, JSON containing the size and position of the hotspot at each video frame could be exported. This JSON could then be imported to a Tremor Video ad where it could be used to position clickable areas on top of a video.

Tech

HTML
CSS
JavaScript
Bootstrap