Page 164 - Web Applications (803) Class 12
P. 164
Using Midi to embed Audio
MIDI or Musical Instrument Digital Interface, serves as a bridge between an instrument and a sound-generating
device. The application that controls the sound card on the Internet is a midi file. Unlike .wav or .au files, midi
files cannot only be read and played back. In a sense, the sound card is “played” by the midi file. The sound
card is instructed on what note to play and for how long.
<embed src=”music.mid” width= “150” height=”50”>
</embed>
Recall that <Embed> tells the browser that a sound file is embedded here, so it must get the required plug-in.
Embed commands are mostly associated with plug-ins.
Do you know?
Have you heard about multimedia animators?
Multimedia animators are in charge of producing moving pictures and visual effects. When making
special effects, storyboards, or animated visuals, animators draw them and utilise animation software.
There may be storyboarding for television commercials, character design for video games, special
effects creation, or digital artwork development. To create animated pictures, animators use illustration
and 3D modelling tools. According to the BLS, as of May 2020, animators made an average yearly pay
of $77,700. Between 2021 and 2026, the global animation and VFX market is anticipated to expand at
a Compound Annual Growth Rate (CAGR) of about 11.5%.
Lab Assignment ‘n Activity Subject Enrichment
Watch the following videos
Insert Audio into a Website Using HTML5 -
https://www.youtube.com/watch?v=9F49XgzlZgA
HTML embed Tag | How to Embed Audio in HTML | How to Insert Audio in HTML -
HTML Tutorial 42 - https://www.youtube.com/watch?v=0YPjkVAxzgk
Now create a small webpage and insert audio. Remember to display the controls so
that the user can control playing the music on your webpage.
How to Embed Video in Webpages
A movie clip or other video streams can be included in a webpage by using the <video> tag. One or more
“source” tags with various video sources are contained in the <video> tag. The first source that the browser
supports will be used. Only browsers that do not support the <video> element will display the text in between
the <video> and </video> tags. MP4, WebM, and OGG are the three video formats that HTML supports.
Example:
<video width=”300” height=”250” controls>
<source src=”movie1.mp4” type=”video/mp4”>
<source src=”movie2.ogg” type=”video/ogg”>
162 Touchpad Web Applications-XII

