/videoheatmap

HTML5 video wrapper to improve UX when watching videos online

Primary LanguageCSS

Heat Vote

Description

Custom HTML5 video player which tracks all positive and negative votes on exact moments of a video and generates analytics for the uploader.

player

How to Use

Navigate to http://heatvote.com and follow the instructions on the home page. To experience heatvote's functionality with your own videos, create an account and submit a video on the admin page. You can then view your video with our player and view our custom analytics system. Test with your users: we provide a demo link of your video for you to share with the world.

Tech Stack

How to Install

$ git clone https://github.com/saraloves/videoheatmap.git
$ cd videoheatmap
$ npm install
$ bower install
$ node app.js

Challenges

  • Rendering the D3 heatmap with our Backbone integration.
  • Creating our own data algorithm for heatmap visualization.
  • Managing async in Backbone and Node.

Authors

Proudly produced at Hack Reactor.