Logo

Go on. Explore!

lvl 0 • 0 xp

lvl 1

HomeMarketDecksInterests
Tutorial 08: Enhancing a Website with Multimedia

Tutorial 08: Enhancing a Website with Multimedia

memorize.aimemorize.ai (lvl 286)
Star 0%
Star 0%
Star 0%
Star 0%
Star 0%
(0)
(0)
(0)
90 cards
()
Section 1

Preview this deck

When making tracks with Web Video Text Tracks (WebVTT), white spaces are ignored.

Front

1 / 90

Web Dev
Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

0

All-time users

0

Favorites

0

Last updated

7 years ago

Date created

Mar 1, 2020

Cards (90)

Section 1

(50 cards)

When making tracks with Web Video Text Tracks (WebVTT), white spaces are ignored.

Front

False

Back

By default, the caption cues are centered at the top of the video window.

Front

False

Back

Data is compressed by removing redundant information using _____ compression.

Front

lossless

Back

The original purpose of the web and HTML was to deliver textual information via separate hypertext documents.

Front

False - interconnected

Back

Which of the following is true of the plug-in approach to deliver multimedia content?

Front

A plug-in requires users to install a separate application in addition to their web browsers.

Back

Which of the following audio formats in HTML provides better sound quality, especially at lower bit rates?

Front

.ogg

Back

Which of the following is true of the default attribute when adding text tracks to a video file?

Front

It enables the active track by marking it with the default attribute.

Back

When applying an animation, the animation name must be listed first while the other properties can be listed in any order.

Front

True

Back

The src, type, height, and width attributes can be applied to the embed element for any plug-in.

Front

True

Back

Once an audiovisual aid has been stored within a container file, a _____ is required to decode and play that content.

Front

media player

Back

Consider the following text string consisting of four As followed by five Bs and six Cs. Identify a string that ensures no loss of information.

Front

4A5B6C

Back

Colin has created a web page that supports multiple audio sources. However, he is unsure if the browsers used by his clients will support the audio format he has included. Which of the following must he include in the code to notify the clients about any browser upgradation required to play an audio file?

Front

fallback option

Back

Transition is a technique of creating the illusion of movement by displaying a sequence of changing images in rapid succession.

Front

False - Animation

Back

The value of the kind attribute that provides long explanations synced to specified time points within a media clip is _____.

Front

descriptions

Back

A plug-in either opens in its own external window or runs within a web page as a(n) _____.

Front

embedded object

Back

Which of the following MIME types is supported by Advanced Audio Coding (AAC) file format embedded in an HTML page?

Front

.m4a

Back

In the context of HTML audio and video element attributes, the preload attribute's type _____ is used to preload only descriptive data about a particular clip.

Front

metadata

Back

In the element <track kind="type" src="url" label="text" srclang="lang" />, the _____ attribute defines the track category.

Front

kind

Back

When controlling an animation, if a check box is selected the animation pauses.

Front

False - plays

Back

When a media player initially loads a video file, the player shows the last video frame as a preview of the video's content.

Front

False - first

Back

The language of the subtitle that is added to a media clip must be specified in the descriptions attribute in the track element.

Front

False - srclang

Back

A plug-in works within a browser with CSS and JavaScript files to present a customizable player.

Front

False

Back

A transition must start immediately after an event that triggers it.

Front

False

Back

_____ compress data so that it can be transmitted in a fast and efficient manner and then decompress it when it is to be read or played back.

Front

Codecs

Back

Codecs are placed within a _____ that handles the packaging, transportation, and presentation of data.

Front

container

Back

Which of the following languages is used to set the width of a media player, add borders, drop shadows, and apply filters and transformations to the media player's appearance?

Front

CSS

Back

Identify the kind attribute that is a default translation of a dialog from a media clip whose language is specified in the srclang attribute.

Front

subtitles

Back

For longer video clips, the time in the cue is written in the form _____.

Front

hh:mm:ss.ms

Back

The task of controlling video playback requires an external JavaScript program as there are no CSS styles to control the video playback.

Front

True

Back

In the context of HTML audio and video element attributes, the _____ attribute's type includes auto, none, and metadata.

Front

preload

Back

The cue attribute _____ sets the width of a cue as the percentage of the width of a video window.

Front

size:value

Back

The advantage of lossless compression is that the same level of compression is achieved as with lossy compression.

Front

False

Back

An animation has a single state of operation, so a radio button is used to control the animation.

Front

False

Back

The video codec used for the Ogg video format is _____.

Front

Theora

Back

Using lossless compression, nonessential data are removed to achieve a smaller file size.

Front

False - lossy compression

Back

A challenge in delivering multimedia content is presenting it in a form that can be retrieved quickly and easily without loss of quality.

Front

True

Back

The styles for the _____ pseudo-element are limited to the background, color, font, opacity, outline, text-decoration, text-shadow, visibility, and white-space properties.

Front

cue

Back

To format specific cues or text strings within a cue section, the cue text is identified using markup tags such as <span></span> for a span of text.

Front

True

Back

An animation is limited to two style rules defined at the initial and end states.

Front

True

Back

When a browser is unable to play an MP3 version or an OGG version of an audio file, a message is displayed as a fallback option asking the user to upgrade it.

Front

True

Back

Ria is creating a website that includes videos. She wants to apply subtitles to the video clip and arrange the text horizontally within the cue. Which of the following cue attributes should she include in the code to accomplish this?

Front

align:value

Back

Which of the following browsers supports all audio formats such as MP3, Advanced Audio Coding (AAC), Ogg, and WAV?

Front

Google Chrome

Back

Which of the following structures is the format of a Web Video Text Tracks file?

Front

WEBVTT cue1 cue2 ...

Back

The cue attribute _____ places a cue vertically within the video window, where value ranges from 0% (top) to 100% (bottom).

Front

line:value

Back

When setting the transition timing, it must be ensured that the speed of the transition is constant.

Front

False

Back

Which of the following audio elements is used to embed audio clips within a web page?

Front

<audio src="url" attributes />

Back

Which of the following browsers supports only the MPEG-4 video format?

Front

Safari

Back

Which of the following is true of a cue in a Web Video Text Tracks file?

Front

The cue is matched with specific time intervals within a media clip.

Back

In the audio element <audio src="url" attributes />, the url specifies how the audio clip should be handled by the browser.

Front

False - attributes

Back

A video file typically contains a single codec that is used for both audio and video images.

Front

False

Back

Section 2

(40 cards)

It acts as a fallback option for browsers that do not support the HTML5 multimedia elements by adding the embed element.

Front

Plug-in

Back

In the accompanying figure of graphing the transition timings, the vertical axis measures the progress of the transition toward completion and the horizontal axis measures the duration. Which of the following graphs labelled A, B, C, and D represents the ease-in-out timing?

Front

B

Back

The advantage of the _________ approach is that a wide variety of timings can be defined, including timings in which a transition can stop, reverse itself, and then go forward again to its end state.

Front

Cubic Bézier curves

Back

_____ is an HTML5 audio and video player with support for Flash and Microsoft Silverlight.

Front

MediaElement.js

Back

Pete wants to change the appearance of the player against the page background when the video is playing on the web page. He wants the page background to show via see-through colors in the player. Which of the following values of the wmode parameter must he include in the code to accomplish this?

Front

transparent

Back

When embedding an audio element in a web page, the _________ attribute informs a browser of the file type and speeds up the process of choosing a compatible audio source.

Front

type

Back

Briefly explain how to control an animation.

Front

In many applications, a user may not want an animation to start automatically when the page loads but rather in response to the user clicking a form button. The user can control an animation using JavaScript or a CSS solution. Because an animation can have two states of operation—play or pause—a user can utilize a check box to control the animation. If the check box is selected, the animation will play; if the check box is not selected, the animation will be paused.

Back

_________ is a widely used proprietary format developed by Apple based on the Apple QuickTime movie format.

Front

MPEG-4

Back

It contains text values that are passed to the player to control the behavior and the content of a movie.

Front

flashvar

Back

The _________ element, which replaced the embed element, is used for any type of content such as sound, video clips, graphic images, PDF files, and even the content of other web pages.

Front

object

Back

It is the industry standard for high-definition video streams.

Front

H.264

Back

Ryan wants to embed an audio clip within the web page he is creating. Which of the following snippets must he include to embed an audio element in the web page along with the source and the type files?

Front

<audio controls> <source src="cp_overture.aac" type="audio/mp4"/> </audio>

Back

Identify an animation property that repeats the animation being played without stopping.

Front

animation-iteration-count = infinite

Back

It is essentially the file format that is identified by a file extension.

Front

Container

Back

It starts the performance of a media clip as soon as it is loaded by the browser.

Front

autoplay

Back

Ryan wants a particular embedded media clip to automatically restart when it has finished playing. Which of the following HTML audio and video element attributes must Ryan include in his code to accomplish this?

Front

loop

Back

Why is the fallback option provided to an audio clip?

Front

ANSWER: It is considered bad design to add a feature to a web page without also providing some fallback option to users who cannot take advantage of that feature. One type of fallback option is used by specifying two audio sources so that if the browser cannot play the MP3 version of the audio clip, it can attempt to play the OGG version. If the browser cannot play either version or does not support the audio element at all, the user can follow the source elements with HTML code that the browser will recognize. The simplest fallback option is a text string indicating that the user needs to upgrade the browser to take advantage of the feature you added to the page. Plug-ins can act as a fallback option for browsers that do not support the HTML5 multimedia elements by adding the embed element to the end of the audio element as the last option for the browser.

Back

In the accompanying figure, the value of the timing-function is _____.

Front

ease-out

Back

Briefly describe the styles applied to track cues.

Front

CSS supports the following cue pseudo-element to format the appearance of the cues appearing within a media clip: ::cue { styles } The styles for the cue pseudo-element are limited to the background, color, font, opacity, outline, text-decoration, text-shadow, visibility, and white-space properties. For example, the following style rule displays all cues in a 2em yellow serif font on a red background: ::cue { background: red; color: yellow; font: 2em serif; } The cue pseudo-element selects all of the cue text in the media clip. To format specific cues or text strings within a cue, a user can identify the sections of the cue text using the following markup tags: • <i></i> for italicized text • <b></b> for bold-faced text • <u></u> for underlined text • <span></span> to mark spans of text • <ruby></ruby> to mark ruby text • <rt></rt> to mark ruby text WebVTT also supports tags that are not part of the HTML library, such as the following <c></c> tag used to mark text strings belonging to a particular class: <c.classname></c> Here, classname defines the class. And for captions that distinguish one voice from another, WebVTT supports the following <v></v> tag: <v name></v> Here, name is the name of the voice associated with the caption. For cues based on their class name, add the class name to the cue pseudo-element as follows: ::cue(.classname) { style rules } Here, classname is the class marked within in the <c></c> tag. To format voice text, use the style rule as follows: ::cue(v[voice=name]) { style rules } Here, name is the name assigned in the <v></v> tag.

Back

Which of the following timing-function keywords allows a transition to occur at a constant rate and then slow down toward the end?

Front

ease-out

Back

This attribute specifies that the audio output should be suppressed.

Front

muted

Back

The animation property _________ sets the length of an animation in seconds or milliseconds.

Front

animation-duration = time

Back

Which of the following is true of animating objects in CSS?

Front

Animation creates an illusion of movement by displaying key frames in rapid succession.

Back

Which of the following Flash player parameters recognizes a movie so that it can be referenced and has a value of text?

Front

id

Back

Which of the following timing-function keywords allows a transition to occur more rapidly at the beginning and slow down near the end?

Front

ease

Back

The Flash player can act as a fallback for older browsers that do not support HTML5 by nesting the _________ element within the audio or video element.

Front

object

Back

A _________ is a software program accessed by a browser to provide a feature or capability nonnative to the browser.

Front

plug-in

Back

_____ are windows that are embedded within a web page that displays the content of another page or Internet resource.

Front

Inline frames

Back

Pete wants to set the playback quality parameter of the movie where the display quality of the video is favored over the playback speed. Which of the following values of the quality parameter must he apply to accomplish this?

Front

high

Back

To define a sequence of key frames in CSS, the _________ rule is applied.

Front

@keyframes

Back

Ryan wants to embed the audio clip within the page, but he does not want the browser's native media player to show up. Which of the following HTML audio and video element attributes will help Ryan accomplish this?

Front

controls

Back

This attribute is applied to the video element to define a video's preview image.

Front

poster

Back

It is nested within a single audio section to provide several versions of the same media file.

Front

source element

Back

_________ is a royalty-free codec developed by the Xiph.org Foundation that produces video streams that can be used with almost any container.

Front

Theora

Back

Which of the following is true of a transition?

Front

It slows down the change to an object's style and provides intermediate styles.

Back

_________ is an open source format developed by the Xiph.org Foundation using the Theora codec as an alternative to the MPEG-4 codec.

Front

Ogg

Back

When animating objects with CSS, the key frame values 0% and 100% can be replaced with the keywords _____.

Front

from and to

Back

It is a brief text description that is synced to specified time points within the media clip.

Front

captions

Back

It is the original audio format for Windows PCs, which is commonly used for storing uncompressed audio, making it impractical for all but the shortest audio clips.

Front

WAV

Back

Which of the following set of transition properties depicts the given image?

Front

Initial state background: white; color: black; transition: background 4s; End state background: green; color: white;

Back