O'Reilly logo

HTML5 and JavaScript Projects by Jeanine Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5, CSS, JavaScript, and Programming Features

The features used for the jigsaw video project are a mixture of HTML5 constructs and general programming techniques.

Acquiring the Images and Data for the Pieces

I will describe how I acquired the puzzle pieces for this project. What you do depends on the tools you have and what you feel comfortable using. The first task is to obtain the first frame of the video for use as the base of the jigsaw puzzle. I use SnagIt, a screen capture tool (www.techsmith.com/snagit/). You also can press the PC Print Screen key twice to capture the screen, or press Command+Shift+4 to get crosshairs on the Mac. In either case, you then bring the image into an image-editing package. However, if you are using video-editing ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required