Tag Archives: video

Webcam Mobile Deprecation Revisit Tutorial

When it comes to topics like media, and worldwide decisions regarding online standards and practices, it stands to reason that “things might change” regarding code you write for web applications, trying to work over a variety of web browsers and … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , | Leave a comment

Video via Image Filter and Canvas Magnifier Mobile Tutorial

We hadn’t tested the work of yesterday’s Video via Image Filter and Canvas Magnifier Tutorial on mobile platforms, and because it is so mouse event sensitive, yes, there are quite a few issues. Also, on an iPad, the issues were … Continue reading

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Video via Image Filter and Canvas Magnifier Tutorial

When thinking of the HTML img element’s relationship with the HTML5 canvas element there are loads of importing and exporting possibilities between them, but one that just has to live in the img world alone are … CSS filters do … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Video via Canvas File API Tutorial

Yes, some of you probably guessed correctly, regarding where we’d go after yesterday’s Video Pixel Manipulation via Canvas Tutorial. As a background to this, we see for web applications, two primary source “partitions”, those being … around the “net” (in … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Video Pixel Manipulation via Canvas Tutorial

The recent Video Mask via Canvas Primer Tutorial got us started on a dynamic video manipulation tool that we see as … “see through” or masking functionality … and onto that today, we’d like to add two more pixel manipulation … Continue reading

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , | Leave a comment

Video Mask via Canvas Primer Tutorial

Thanks to Manipulating Video using Canvas we have a … video … meets … canvas … may meet … image … or background colour … masking mechanism … today with a new web application (called video_mask_via_canvas.html) live run (supervising external … Continue reading

Posted in eLearning, Event-Driven Programming, Not Categorised, Tutorials | Tagged , , , , , , , , , , , , , | Leave a comment

Workplace Concepts Game Horizontal Rule Reveal Tutorial

Today we want to add a “reveal” feel to the previous Workplace Concepts Game Horizontal Rule Cell Tutorial. Our favourite “reveal” element combination is the team of details tag and its nested summary tag partner. The great thing about these … Continue reading

Posted in eLearning, Games, Tutorials | Tagged , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Media Gallery Figcaption Tutorial

Yesterday’s Image Gallery Figcaption Slideshow Tutorial added some animation to the “Image Gallery (via Figcapture elements)” web application we’d been developing. Today we … extend to “Media Gallery (via Figcapture elements)” (from “Image Gallery (via Figcapture elements)”) via code to … Continue reading

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged , , , , , , , , , , , , , , , , , , | Leave a comment