Fix HTML5 bug for mobile devices

CANCELLED
Bids
4
Avg Bid (USD)
$188
Project Budget (USD)
$30 - $250

Project Description:
I'll pay anybody who can fix a glitch in my mobile solution. I was tasked with creating a solution for playing videos on mobile devices that support HTML5. The catch is that the video MUST HAVE A TRANSPARENT BACKGROUND. WP7 was easy enough, but Android and the iPhone don't allow the canvas element to catch a video element's current frame.

The solution I came up with is to split the .flv video using FFMPEG into transparent .pngs and then to stitch those images into different sprite sheets. On the phone, a canvas will play the video like an animation, going frame by frame.

The problem is that the page 'hangs' every time it switches spritesheets. I pre-load the spritesheets into an array of image objects that the canvas uses, but I'm not sure if it actually helps or not. When all I do is loop the same spritesheet over and over again, it doesn't hang, even when starting the same sheet over.

I've attached the project files. YOU WILL ONLY BE PAID AFTER FIXING THIS ISSUE.
Creating an alternative solution is also fine.

Additional Project Description:
01/19/2013 at 23:26 EST
I'm only able to upload the source files, and not the images themselves because it takes up too much space. If you think these are required before accurately bidding, let me know.

01/19/2013 at 23:52 EST
Looking to hire immediately within the next 24 hours.

Skills required:
AJAX, HTML, HTML5, jQuery / Prototype
Additional Files: mozanimation.php newplayer.php
Hire TheRubyHouse
Project posted by:
TheRubyHouse United States
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 150
in 2 days
$ 150
in 2 days
Hire binika
$ 200
in 2 days