Skip to main content
Inspiring
May 27, 2017
Answered

Image sequences freezing on play in html5?

  • May 27, 2017
  • 1 reply
  • 257 views

I'm trying to build a site with after effects and premiere, I rendered out an image sequence of about 100 images, which together total only 10mb, but when I add them to the timeline in html5 canvas, and then hit play, the program freezes and it takes like 5 minutes to finally load and then its really choppy. Is html5 canvas not capable of building an interactive website with image sequences?
In an as3 project it runs fine, but when I also tried converting it to html5 instead of starting a new html5 project, the same thing happens. It also happens even with all the images scaled down to only 2mb total!

Is this a limitation and known problem? And if so, what is the typical way to go about creating a site that has buttons which control image sequences (or short video clips, since the video component in html5 canvas has the same problem) ?

CSS / JAVA in another program?

This topic has been closed for replies.
Correct answer Colin Holgate

Converting 200 images into spritesheets would take a long time. Try turning of the Combine into spritesheets option in Publish Settings. Then it should test quickly.

If the images are JPEG compressed, using more compression will make it perform faster too.

1 reply

Colin Holgate
Colin HolgateCorrect answer
Inspiring
May 28, 2017

Converting 200 images into spritesheets would take a long time. Try turning of the Combine into spritesheets option in Publish Settings. Then it should test quickly.

If the images are JPEG compressed, using more compression will make it perform faster too.