Web Technology I · Unit 6
HTML5 Multimedia and Canvas
Exam-focused notes for HTML5 Multimedia and Canvas (Web Technology I, BIT251): what the TU syllabus asks and how it has actually been tested, with 2 solved past questions from this unit.
What this unit covers
- HTML5 video element
- Canvas element and drawing
- Canvas shapes circles and rectangles
- Canvas context and methods
Canvas element and drawing
What is canvas element? Write a HTML script to create a canvas field having id cv1 and draw a circle inside the canvas. [5]
The <canvas element is an HTML5 element used to draw graphics on a web page using JavaScript. It acts as a drawing container (a rectangular area/field) on which graphics, shapes, images, animations, and other visual content can be rendered dynamically throu...
Full solved answer →HTML5 video element
Write HTML script to show the use of Video and Canvas elements. [5]
Below is an HTML script demonstrating the use of both the <video and <canvas elements. --- Attribute Purpose -------------------- controls Displays play, pause, volume controls autoplay Video starts playing automatically muted Starts video without sound loo...
Full solved answer →Make Unit 6 stick
Practice BIT251 with flashcards & quizzes