Scribd
Upload
1 views3 pages

Exno8Handling multimedia content in web sites

The document outlines the procedure for adding multimedia content, specifically audio and video, to HTML pages using the HTML Audio and Video tags. It provides example code snippets for implementing audio with the <audio> tag and video with the <video> tag, including source files for both media types. The aim is to enhance web pages with multimedia elements.

Uploaded by

daphneygit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
1 views3 pages

Exno8Handling multimedia content in web sites

The document outlines the procedure for adding multimedia content, specifically audio and video, to HTML pages using the HTML Audio and Video tags. It provides example code snippets for implementing audio with the <audio> tag and video with the <video> tag, including source files for both media types. The aim is to enhance web pages with multimedia elements.

Uploaded by

daphneygit
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Ex No 8 Handling multimedia content in web sites

Aim:
To add audio and video type into the HTML page.

Procedure:
Different ways to add media to the HTML page:
 Using HTML Audio tag: This tag is used to include the audio media type into the
websites.
 Using HTML Video tag: This tag is used to include the video media type into the
websites.
Ex No 8 a) Adding audio media type into the HTML page. The developer can
use their own src file for implementation.
<!DOCTYPE html>
<html>

<body>
<p>Audio Sample</p>

<!-- Audio tag starts here -->


<audio controls>
<source src="test.mp3" type="audio/mp3">
<source src="test.ogg" type="audio/ogg">
</audio>
<!-- Audio tag ends here -->

</body>

</html>

OUTPUT

Ex No. 8 b) Adding video media type into the HTML page.

<!DOCTYPE html>
<html>

<body>
<center>
<h1 style="color:green;">
Hello everyone
</h1>

<h3>HTML video tag</h3>

<p>Adding video on the webpage

<p>
<video width="450" height="250"
controls preload="auto">
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.mp4"
type="video/mp4">

<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.ogg"
type="video/ogg">
</video>
</center>
</body>

</html>

You might also like