- How to add multimedia to a website
- I will be able to add different types of media to my website
In the last few lessons, you have been creating your own profile website using HTML. In this lesson, you will be adding more features in the form of multimedia to your website.
Find out more about each following image file types by researching the internet.
JPEG
What it stands for
What it is good for
PNG
What it stands for
What it is good for
GIF
What it stands for
What it is good for
Multimedia
Multimedia includes a range of different forms of media, such as text, graphics, audio, video, and animation, in a digital format. The combination of these types of media can, particularly with websites, improve the quality of the content.
Audio
Audio is the sound that we can hear. It includes things like music, spoken words, and sound effects. When you listen to your favourite songs, watch movies, or hear someone talking, you're experiencing audio. It's like the language of sound that helps us communicate, express emotions, and enjoy different forms of entertainment.
Video
Video is a way to see moving pictures or images. It's like watching a movie or a TV show, but it can also be shorter, like a funny clip or a music video. Videos are made up of a series of pictures called frames that change really quickly, creating the illusion of movement. When you watch a video, you can see people, places, and things in action, just like you do in real life. It's a fun way to learn, be entertained, and explore different visual stories.
Copyright
It's very important to note that audio and video, particularly on the web, are often subject to copyright.
Copyright is a legal concept that protects the creations of people like artists, musicians, writers, and filmmakers. When someone creates something like a song, a book, a movie, or a piece of artwork, they automatically have the right to control how it's used and shared. This means others can't copy or use their work without permission. It's like having ownership over something you made.
Copyright helps creators make a living from their work and encourages them to keep creating new things. So, when you watch a movie or listen to a song, remember that someone worked hard to make it, and it's important to respect their rights by not copying or sharing it without permission.
Imagine yourself as a software developer and think what it would be like to have the software you worked hard to make and were intending on selling being given away for free on the Internet.
Even when you are in school, you need to be sure to check for copyright claims.
There are several good websites where you can download material without copyright issues:
- Pixabay
- Pexels
- IconArchive
Audio and video in HTML
There are a total of three different tags to add audio and video in HTML.
Audio
The <audio>
tag in HTML is used to add audio, like music or sound effects, to a webpage.
In HTML you can write this as shown below:
<audio controls> <source src="music.mp3" type="audio/mp3"> </audio>
Video
To add video to a website you can use the <video>
tag in the same way as you can use the <audio>
tag as shown previously.
In HTML you can write this as shown below:
<video controls> <source src="me.mp4" type="audio/mp4"> </video>
- Find a copyright-free audio file
- Add this audio to your website
- Find a copyright-free video file
- Add this video to your website
Paste your code here when you are finished
Once you have answered each of the questions, remember to save this worksheet by pressing the button at the bottom.