Presentation on theme: "What is Multimedia ? Multi ( Multiple ) and Media ! So…. Information in multiple formats, including text, images, audio, video and animation :) It makes."— Presentation transcript:
What is Multimedia ? Multi ( Multiple ) and Media ! So…. Information in multiple formats, including text, images, audio, video and animation :) It makes the term Multimedia..
Shockwave Microsoft Media Player Quicktime Real Player But they all had the same issues. End users must install a plugin. You need to upgrade the plugin constantly. There is limited interaction with the rest of the page. and if you think about using that today I will hit you! :p
element is a new feature added in HTML5. element is for embedding the video content on the Web page. element if not supported by the browser then the content between the start tag and end tag is displayed. src attribute is used to link to the video file. Your browser does not support the video
Our job is now to convert the videos we record to these open formats – which can be annoying. The main annoyance is that different browsers support different formats, which means we need to provide several versions :( H.264 “MP4” OGG/Vorbis VP8 / WebM MP3 Ogg Wav
element will help the developer to embed music on the Web site. tag specifies the audio file to be used in the HTML document. src attribute is used to link the audio file. MP3, Ogg and Wav
Your browser does not support the audio element. autoplayloopmuted srcURL preloadauto metadata nonecontrols
What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines the graphics in XML format SVG graphics do NOT lose any quality if they are zoomed or resized Every element and every attribute in SVG files can be animated SVG is a W3C recommendation SVG integrates with other W3C standards such as the DOM and XSL
SVG Shapes ! Rectangle Circle Ellipse Line Path Polyline Polygon The cx and cy attributes define the x and y coordinates of the center of the circle. If cx and cy are omitted, the circle's center is set to (0,0)
SVG Stroke Properties ! stroke stroke-width stroke-linecap stroke-dasharray All the stroke properties can be applied to any kind of lines, text and outlines of elements like a circle.
Last But Not Least… Inkscape is a free and open source software vector graphics editor.
Any thing else you want to know :-/ All images were took from google.com :p