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 ...
Get HTML5 and JavaScript Projects now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
