Fix HTML5 bug for mobile devices

Cancelled

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.

Skills: AJAX, HTML, HTML5, jQuery / Prototype

See more: video starting animation, videos in html5, stitch fix, split page html, mobile bug, html5 play, canvas android, video stitch, stitch video, spritesheet, sprite animation, mobile problem, mobile pay, html5 up, html5 image, html issue fix, fixing bug, fix the bug, fix mobile, fix android, canvas over, animation html5, Android Fixing, android bug fixing, android using ffmpeg

Project ID: #4143463

2 freelancers are bidding on average $150 for this job

salientcomputer

Hi please see PMB

$150 USD in 2 days
(165 Reviews)
6.2
kishanlalyadav

I am confident to fulfill your requirements in timely manner, along with quality work.

$150 USD in 2 days
(98 Reviews)
5.4
binika

Hi, we are Serious, Experienced, Result oriented, 24X7 development team. No Upfront Payments only Escrows. Highly interested in your project and looking for long term basis. Please check your PMB for more details and a More

$200 USD in 2 days
(0 Reviews)
0.0