saraloves / videoheatmap

HTML5 video wrapper to improve UX when watching videos online

Home Page:http://heatvote.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

HTML5 video wrapper to improve UX when watching videos online

http://heatvote.com


Languages

Language:CSS 58.6%Language:JavaScript 41.4%