____________AUDIO & VIDEO TAGS____________
This both tags are shown only in HTML-5 ..
Because HTML-5 is advanced ....
∆ Audio tag
" The audio element / tag is used to embed (add) audio file on Webpage..."
#Attribute :-
1 ) Autoplay :-
" The audio start automatically when you open output... "
2 ) Control :-
" The Control attribute is used to control audio i.e., ( Play , pause , button etc )..."
3 ) Loop :-
" The loop attribute is used for audio repeatation... "
4 ) Muted :-
" The Muted attribute is used to mute audio ..."
5 ) SRC :-
"It specify the URL of audio file... "
₹ Source tag :-
1) The source tags is used to specify multiple media resorce for media element...
2) It is used with both Audio tag and Video tag...
3) It is denoted by <Source>...
4) It is not a container tag ...
Ex..
<!doctype html>
<html>
<head>
<title> Inserting audio file </title>
</head>
<body>
<audio src="/storage/EEBB-11E6/bluetooth/Kingfisher Music.mp3" type="audio/mp3"controls>
</audio>
</body>
</html>
......... OR ...........
<!doctype html>
<html>
<head>
<title> Inserting audio file </title>
</head>
<body>
<audio controls>
<Source SRC="/storage/EEBB-11E6/bluetooth/Kingfisher Music.mp3" type="audio/mp3">
</audio>
</body>
</html>
Output...👇👇
@ Common Audio Formate ...
1) mp3 :-
" The Audio Formate from MPEG (Moving / Motion Picture Expert)..."
2) aac :-
" Advanced Audio Coding , Standard formate on iPhone,YouTube etc..."
3) ogg:-
" A open container and free audio formate.."
# Adding audio with multiple source ...
"Multiple source of audio are specified , if browser is unable to play the first source then it will automatically jump to the second source..."
Ex...
<!doctype html>
<html>
<head>
<title> Inserting audio file </title>
</head>
<body>
<audio controls>
<Source SRC="/storage/EEBB-11E6/bluetooth/Kingfisher Music.mp3" type="audio/mp3">
<Source SRC="/storage/EEBB-11E6/bluetooth/Kingfisher Music.mp3" type="audio/acc">
<Source SRC="/storage/EEBB-11E6/bluetooth/Kingfisher Music.mp3" type="audio/ogg">
</audio>
</body>
</html>
∆ Video tag :-
1) The video tag is used to add video on Webpage...
2) It has several video spruce...
3) There are three different formate that are commonly supported by Web browsers MP4 ,ogg , Webin ...
#Attribute :-
1 ) Autoplay :-
" The audio start automatically when you open output... "
2 ) Control :-
" The Control attribute is used to control audio i.e., ( Play , pause , button etc )..."
3 ) Loop :-
" The loop attribute is used for audio reeatation... "
4 ) Muted :-
" The Muted attribute is used to mute audio ..."
5 ) SRC :-
"It specify the URL of audio file... "
6) height :-
"It is used to set a height of video"
7) width :-
"It is used to set a width of the video"
Ex...
<!doctype html>
<html>
<head>
<title> Inserting Video file </title>
</head>
<body>
<video controls>
<Source SRC="/storage/emulated/0/Movies/Whatsapp/VID-20211118-WA0000.mp4" type="video/mp4">
<Source SRC="/storage/emulated/0/Movies/Whatsapp/VID-20211118-WA0000.mp4" type="video/ogg">
</video>
</body>
</html>
## Thank you ....🙏🙏
