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
   159   160   161   162   163   164   165   166   167   168   169