• Save
To study2
Upcoming SlideShare
Loading in...5

To study2






Total Views
Slideshare-icon Views on SlideShare
Embed Views



3 Embeds 266

http://computacionintercanadiense.blogspot.mx 228
http://www.computacionintercanadiense.blogspot.mx 36
http://computacionintercanadiense.blogspot.com 2



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    To study2 To study2 Document Transcript

    • Media CodesUsing The <embed> ElementThe <embed> tag defines a container for external (non-HTML) content.The following code fragment should play an MP3 file embedded in a web page:Example<embed height="50" width="100" src="horse.mp3">Using The <object> ElementThe <object tag> tag can also define a container for external (non-HTML) content.The following code fragment should play an MP3 file embedded in a web page:Example<object height="50" width="100" data="horse.mp3"></object>A Note About Inline SoundsWhen sound is included in a web page, or as part of a web page, it is called inline sound.If you plan to use inline sounds, be aware that many people will find it annoying. Also note thatsome users might have turned off the inline sound option in their browser.Our best advice is to include inline sounds only in pages where the user expects to hear sounds.An example of this is a page which opens after the user has clicked on a link to hear a recording.HTML Multimedia TagsTag Description<embed> Defines an embedded object<object> Defines an embedded object<param> Defines a parameter for an object<audio> Defines sound content<video> Defines a video or movie<source> Defines multiple media resources for mediaelements (<video> and <audio>)
    • <track> Defines text tracks for media elements(<video> and <audio>)HTML Audio/Video PropertiesProperty DescriptionaudioTracks Returns an AudioTrackList object representingavailable audio tracksautoplay Sets or returns if the audio/video should startplaying as soon as it is loadedbuffered Returns a TimeRanges object representing thebuffered parts of the audio/videocontroller Returns the MediaController objectrepresenting the current media controller of theaudio/videocontrols Sets or returns if the audio/video shoulddisplay controls (like play/pause etc.)crossOrigin Sets or returns the CORS settings of theaudio/videocurrentSrc Returns the URL of the current audio/videocurrentTime Sets or returns the current playback position inthe audio/video (in seconds)defaultMuted Sets or returns if the audio/video is muted bydefaultdefaultPlaybackRate Sets or returns the default speed of theaudio/video playbackduration Returns the length of the current audio/video(in seconds)ended Returns if the playback of the audio/video hasended or noterror Returns a MediaError object representing theerror state of the audio/video
    • loop Sets or returns if the audio/video should startover again when finishedmediaGroup Sets or returns a the group the audio/videobelongs to (used to link multiple audio/videoelements)muted Sets or returns if the audio/video is muted ornotnetworkState Returns the current network state of theaudio/videopaused Sets or returns if the audio/video is paused ornotplaybackRate Sets or returns the speed of the audio/videoplaybackplayed Returns a TimeRanges object representing theplayed parts of the audio/videopreload Sets or returns if the audio/video should beloaded when the page loadsreadyState Returns the current ready state of theaudio/videoseekable Returns a TimeRanges object representing theseekable parts of the audio/videoseeking Returns if the user is currently seeking in theaudio/videosrc Sets or returns the current source of theaudio/video elementstartDate Returns a Date object representing the currenttime offsettextTracks Returns a TextTrackList object representing theavailable text tracksvideoTracks Returns a VideoTrackList object representingthe available video tracksvolume Sets or returns the volume of the audio/video
    • HTML Audio/Video EventsEvent Descriptionabort Fires when the loading of an audio/video isabortedcanplay Fires when the browser can start playing theaudio/videocanplaythrough Fires when the browser can play through theaudio/video without stopping for bufferingdurationchange Fires when the duration of the audio/video ischangedemptied Fires when the current playlist is emptyended Fires when the current playlist is endederror Fires when an error occurred during the loadingof an audio/videoloadeddata Fires when the browser has loaded the currentframe of the audio/videoloadedmetadata Fires when the browser has loaded meta datafor the audio/videoloadstart Fires when the browser starts looking for theaudio/videopause Fires when the audio/video has been pausedplay Fires when the audio/video has been startedor is no longer pausedplaying Fires when the audio/video is ready to playafter having been paused or stopped forbufferingprogress Fires when the browser is downloading theaudio/videoratechange Fires when the playing speed of theaudio/video is changed
    • seeked Fires when the user is finished moving/skippingto a new position in the audio/videoseeking Fires when the user starts moving/skipping toa new position in the audio/videostalled Fires when the browser is trying to get mediadata, but data is not availablesuspend Fires when the browser is intentionally notgetting media datatimeupdate Fires when the current playback position haschangedvolumechange Fires when the volume has been changedwaiting Fires when the video stops because it needs tobuffer the next frameHTML Audio/Video MethodsMethod DescriptionaddTextTrack() Adds a new text track to the audio/videocanPlayType() Checks if the browser can play the specifiedaudio/video typeload() Re-loads the audio/video elementplay() Starts playing the audio/videopause() Pauses the currently playing audio/videoOrdered by FunctionTag DescriptionBasic
    • <!DOCTYPE> Defines the document type<html> Defines an HTML document<title> Defines a title for the document<body> Defines the documents body<h1> to <h6> Defines HTML headings<p> Defines a paragraph<br> Inserts a single line break<hr> Defines a thematic change in the content<!--...--> Defines a commentImages<img> Defines an image<map> Defines a client-side image-map<area> Defines an area inside an image-mapinks<a> Defines a hyperlink<link> Defines the relationship between a documentand an external resource (most used to link tostyle sheets)Lists<ul> Defines an unordered list<ol> Defines an ordered list
    • <li> Defines a list item<dl> Defines a description list<dt> Defines a term/name in a description list<dd> Defines a description of a term/name in adescription list<menu> Defines a list/menu of commandsTables<table> Defines a table<caption> Defines a table caption<th> Defines a header cell in a table<tr> Defines a row in a table<td> Defines a cell in a table<thead> Groups the header content in a table<tbody> Groups the body content in a table<tfoot> Groups the footer content in a table<col> Specifies column properties for each columnwithin a <colgroup> element<colgroup> Specifies a group of one or more columns in atable for formatting