We have a flash video player with synchronized interactive elements want to enhance with the following features.
1) with HTML5 detection
2) and the HTML <video> player + controls
3) google analytics of the playtime
****TO BE CONSIDERED****
submit ONLY 1 URL of your work with any of the above, or you generally showing off your javascript jedi skills.
This project is pretty much done for you.
For (1) the detection
use these http://diveintohtml5.org/detect.html
http://www.modernizr.com/
would behave like
if ( flash supported) use flash, else if (html 5) use html5
For the HTML5 video player
try using this open source one, unless you know of a better one.
http://videojs.com
For the events/analytics, we’ll be using ole google.
We need to track
– load time
– currentplay time
– play control event (e.g. pause/play
FROM
http://code.google.com/apis/analytics/docs/tracking/eventTrackerGuide.html
EXAMPLE:
_gaq.push([‘_trackEvent’, ‘Videos’, ‘Video Played To Time’, ‘Gone With the Wind’, player.currentTime]);
He’s what you’ll need to integrate the above with
Short 2:30 minute video
http://screencast.com/t/Mzk0ZmQ1
The current video and controls is with flowplayer
The synchronization appearance and hiding is all in javascript + jquery
NOTE1: ideal candidate will have some designer skills as well, and can solve world peace. Well I did say ideal.
NOTE2: looking for a long term relationship, which in internet dog years means the next phase of this project creating a self-service backend.
