Multimedia

From Svg wiki

SVG1.1 (the current Recommmendation) has support for raster images, such as bitmaps and JPEG images. SVG1.2, leveraging its SMIL inclusions, will add support for audio and video, either as referenced external files, embedded encoded entities, or streaming.

Rasters

Rasters can be brought into SVG using the <image> tag. The image tag can take as a parameter either a URI to an external file, or an embedded base64 encoded text entity. Images in SVG can be visually manipulated via style attributes, filters, and transforms to achieve various useful and attractive effects. Examples include changing the opacity of the image, or shifting the colors.

Audio

Audio was not available in SVG1.0 or 1.1, but Adobe's implementation did include a custom extension, the <audio> element in their own namespace that allowed the author to include WAV or MP3 files. SVG1.2, in a move toward being a comprehensive multimedia format, adopts very similar syntax to that of ASV. Just as with images, the <audio> element can take as a parameter either a URI to an external file, or an embedded base64 encoded text entity.

Examples:

• SVG-Whiz audio example, which uses a <switch> element to play audio files
• KevLinDev's Overlord

Video

SVG1.2, in response to user needs, will add the <video> element. The new SVG1.2 Working Draft also makes allowance for streaming of either audio or video, (also see Media Access Events). Like any other raster images, video in SVG can be visually manipulated via style attributes (such as clip-path), filters, and transforms.