HTML5 Tags - Video, Audio, and Canvas


HTML5 Audio and Video Tags

The HTML5 audio and video tags allow audio and video content to be played directly by the browser without the use of 3rd party plugins. The canvas tag creates an html block which can be drawn on using scripting.

Video Example

A Plea to My Sisters, President Russell M. Nelson
October 2015 General Conference

Audio Example

A Plea to My Sisters, President Russell M. Nelson
October 2015 General Conference


HTML5 Canvas Tag

The canvas element is used to draw graphics, using JavaScript. It is only a container for graphics. You must use JavaScript to actually draw the graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding images. A canvas is a rectangular area on an HTML page. By default, a canvas has no border and no content. You can use it to draw text (with or without animation), graphics (with or without animation), lines, circles and so on. The canvas can respond to JavaScript events. It can also be used in applications. (http://www.w3schools.com/html/html5_canvas.asp)

Example Line
Example Circle
Example Text 1
Example Text 2
Example Freehand Draw on Canvas with a Mouse
CLICK HERE TO OPEN A CANVAS YOU CAN DRAW ON