HTML5 can add audio and video to Web pages.
Hypertext Markup Language is an authoring language used to created pages of websites. Since the invention of the Web in 1989, HTML’s growth includes four major releases. HTML4 is the official version of the language approved by the World Wide Web Consortium (W3C) in 1997. The HTML working group of W3C began working on the specifications of HTML5 in 2007. Some browsers, including Google Chrome, support some of the HTML5’s features.
Chrome Adaptation to HTML 5
In 2010, Google Chrome began releasing information on how its browser could use the capabilities of HTML5 to expand the multimedia capabilities of Web browsers. In a collaborative effort with the popular band Arcade Fire, the company released a multimedia project in August 2010 that showcased a practical application of many of the audio, video and 3D features of HTML5. The project became an Internet viral marketing hit and the Google Chrome team released a website detailing the features of HTML5 used in the project.
Video and Audio Elements
Browsers that only support HTML4 must use plug-ins in order to play back audio and video. However, with the introduction of the tag in HTML5, developers can now embed video and audio directly in their markup, bypassing the need for plug-ins such as the Adobe Flash player. Chrome’s support of the and elements use the WebM and Theora codecs — technology that translates digital signals. Chrome’s support of video embedded using HTML5 also allows users to play YouTube videos without using the Flash plugin, the default method for playing video on the site.
The element is one of the most radical changes from HTML4 to HTML5. It allows developers to embed complex vector graphics, animation and 3D in pages. The Arcade Fire projects used this feature to allow animations of birds flying in the sky that reacted to a Web user’s mouse movements. While canvas has been around in various forms for several years, it did not become a part of official HTML specifications until 2009 when the W3C HTML working group began discussing its inclusion into the next version of HTML.
Mark, Hidden, Progress and Meter
Other HTML5 elements that are compatible with pages viewed with Chrome include mark, hidden, mark and meter. Usage of the tag allows developers to highlight text on a page. If the code “This is marked text” appears in HTML code, the words “This is marked” will appear as yellow, highlighted text. If you want to hide text, you can use the tag. So the code “This is hidden. This is not” will hide the sentence “This is hidden” from view on a page. The tag shows the progression toward completion of a task in an auto-generated progression bar. The code “0%” shows a graph that is 50 percent shaded in green to show that a task is halfway completed. The meter element shows measurement, for example, disk usage, on a Web server. The code “50 out of 100” shows that something is 25 percent at capacity.