Question: l o g as the type. Below the source element, provide fallback text for legacy browsers that do not support the audio element. In the

log as the type.
Below the source element, provide fallback text for legacy browsers that do not support the audio element.
In the violin section, after the paragraph element, insert two new blank lines and then add an It element with the text, Violin Spring Performance.
It Below the h4 element, add an audio element with the controls attribute.
Nest a source element within the audio element that specifies the violin.mp3 as the source file and audio/mp3 as the type.
Nest another source element that specifies the violin.ogg as the source file and audio logg as the type.
Below the source element, provide fallback text for legacy browsers that do not support the audio element.
Check your spelling. Validate your HTML file and correct any errors. Save your changes.
Open the lessons.html file in your browser and test the audio.
Submit your assignment in the format specified by your instructor.
Research the Internet to locate free resources for audio files and provide a summary of your findings. Include at least three resource links.
Lab 2: Adding a Video to the Wild Rescues Website
Problem: You volunteer at a local wildlife rescue, a nonprofit organization called Wild Rescues. The organization rescues all kinds of wild animals, rehabilitates them, and then releases them back into the wild. Wild Rescues needs a website to help raise awareness about the organization. You have already created the website and now need to add a video with captions. The video, with captions, is shown in Figure 9-40.
Figure 9-40
Continued >
HTML 502 HTML Chapter 9 Integrating Audio and Video
In the Lab continued
Instructions: Perform the following tasks:
Open your rescue folder and create a new subfolder named media. Copy the Data Files from chapter09/lab2 to your rescue/media folder.
Open the about.html file in your text editor. Replace the image element on Line 53 with a paragraph element that includes the following text:
watch the video below to meet our new, rescued friends.
Insert two new lines below the paragraph element you added in Step 2. Add a video element with the controls attribute and a poster attribute that uses the baby-hawk.jpg image file.
Nest a source element within the video element that specifies wildrescues.mp4 as the source file and video/mp4 as the type.
Nest another source element that specifies wildrescues.webm as the source file and video/webm as the type.
Open the medialcaptions.vtt file in your text editor. Add your name and date to the NOTE, Use Table 9-8 to create a captions file.
Table 9-8 Captions for the Wild Rescues Video
\table[[Line Number,Code to Insert],[9,1],[10,],[11,These baby raccoons were found abanumiche],[12,],[13,\table[[2],[00:08.900-00:11.700
l o g as the type. Below the source element,

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!