SlideShare a Scribd company logo
Multimedia means that computer information
can be represented through audio, video, and
animation in addition to traditional media
Example: (i.e., text, graphics drawings, images).
Infobizzs.com
 The first web browsers had support for text only,
limited to a single font in a single colour.
 Later came browsers with support for colours and
fonts, and images!
 Audio, video, and animation have been handled
differently by the major browsers. Different formats
have been supported, and some formats require extra
helper programs (plug-ins) to work.
Hopefully this will become history. HTML5 multimedia
promises an easier future for multimedia.
Infobizzs.com
Multimedia elements (like audio or video) are stored
in media files.
The most common way to discover the type of a file,
is to look at the file extension.
Multimedia files have formats and different ext.ensions
 Example: .swf, .wav, .mp3, .mp4, .mpg, .wmv, and .avi
Infobizzs.com
 MP4 is the new and upcoming format for
internet video.
 MP4 is recommended by YouTube.
MP4 is supported by Flash Players.
MP4 is supported by HTML5.
Infobizzs.com
MP3 is the newest format for compressed
recorded music. The term MP3 has become
synonymous with digital music.
If your website is about recorded music,
MP3 is the choice.
Infobizzs.com
Plug-in applications are programs that can
easily be installed and used as part of your
Web browser.
Plug-ins can be used for many purposes:
display maps, scan for viruses, verify your bank
id, etc.
Infobizzs.com
The <object> element is supported by all
browsers.
The <object> element defines an embedded
object within an HTML document.
It is used to embed plug-ins (like Java applets,
PDF readers, Flash Players) in web pages.
Infobizzs.com
<object width="400" height="50" data="bookmark.swf"></object
<object width="100%" height="500px" data="snippet.html"></object>
infobizzs.com
 The <embed> element is supported in all major
browsers.
 The <embed> element also defines an embedded
object within an HTML document.
 Web browsers have supported the <embed>
element for a long time. However, it has not been
a part of the HTML specification before HTML5.
Infobizzs.com
<embed width="400" height="50" src="bookmark.swf">
<embed width="100%" height="500px" src="snippet.html">
<embed src="audi.jpeg">
Infobizzs.com
The easiest way to play videos in HTML,
is to use YouTube.
Infobizzs.com
you have seen that you might have to convert your videos
to different formats to make them play in all browsers.
Converting videos to different formats can be difficult and
time-consuming.
An easier solution is to let YouTube play the videos in
your web page.
Infobizzs.com
YouTube will display an id (like XGSy3_Czz8k), when
you save (or play) a video.
You can use this id, and refer to your video in the
HTML code.
Infobizzs.com
To play your video on a web page, do the
following:
 Upload the video to YouTube
 Take a note of the video id
 Define an <iframe> element in your web page
 Let the src attribute point to the video URL
 Use the width and height attributes to specify the dimension
of the player
 Add any other parameters to the UbeRL (see below)
Infobizzs.com
 Thank You

More Related Content

What's hot

CSS Position and it’s values
CSS Position and it’s valuesCSS Position and it’s values
CSS Position and it’s values
Gunjan Tulsiani
 
Unit 5- Architectural Design in software engineering
Unit 5- Architectural Design in software engineering Unit 5- Architectural Design in software engineering
Unit 5- Architectural Design in software engineering
arvind pandey
 
Uml diagrams
Uml diagramsUml diagrams
Uml diagrams
barney92
 
Topic sensitive page rank(review)
Topic sensitive page rank(review)Topic sensitive page rank(review)
Topic sensitive page rank(review)hongs
 
Entity Relationship Diagram presentation
Entity Relationship Diagram presentationEntity Relationship Diagram presentation
Entity Relationship Diagram presentationSopov Chan
 
Unit 3(advanced state modeling & interaction meodelling)
Unit  3(advanced state modeling & interaction meodelling)Unit  3(advanced state modeling & interaction meodelling)
Unit 3(advanced state modeling & interaction meodelling)
Manoj Reddy
 
Dbms 7: ER Diagram Design Issue
Dbms 7: ER Diagram Design IssueDbms 7: ER Diagram Design Issue
Dbms 7: ER Diagram Design Issue
Amiya9439793168
 
object oriented methodologies
object oriented methodologiesobject oriented methodologies
object oriented methodologies
Amith Tiwari
 
Distributed Shared Memory Systems
Distributed Shared Memory SystemsDistributed Shared Memory Systems
Distributed Shared Memory Systems
Arush Nagpal
 
Pressman ch-11-component-level-design
Pressman ch-11-component-level-designPressman ch-11-component-level-design
Pressman ch-11-component-level-designOliver Cheng
 
5 architecture
5 architecture5 architecture
5 architecture
Adarsh Kumar
 
Communications is distributed systems
Communications is distributed systemsCommunications is distributed systems
Communications is distributed systems
SHATHAN
 
Tree pruning
 Tree pruning Tree pruning
Tree pruning
Shivangi Gupta
 
Distributed Database System
Distributed Database SystemDistributed Database System
Distributed Database SystemSulemang
 
Object modeling
Object modelingObject modeling
Object modeling
Preeti Mishra
 
Web search Technologies
Web search TechnologiesWeb search Technologies
Web search Technologies
Abdul Sami Kharal
 

What's hot (20)

CSS Position and it’s values
CSS Position and it’s valuesCSS Position and it’s values
CSS Position and it’s values
 
Css font properties
Css font propertiesCss font properties
Css font properties
 
Html Frames
Html FramesHtml Frames
Html Frames
 
Unit 5- Architectural Design in software engineering
Unit 5- Architectural Design in software engineering Unit 5- Architectural Design in software engineering
Unit 5- Architectural Design in software engineering
 
Uml diagrams
Uml diagramsUml diagrams
Uml diagrams
 
Topic sensitive page rank(review)
Topic sensitive page rank(review)Topic sensitive page rank(review)
Topic sensitive page rank(review)
 
Entity Relationship Diagram presentation
Entity Relationship Diagram presentationEntity Relationship Diagram presentation
Entity Relationship Diagram presentation
 
Unit 3(advanced state modeling & interaction meodelling)
Unit  3(advanced state modeling & interaction meodelling)Unit  3(advanced state modeling & interaction meodelling)
Unit 3(advanced state modeling & interaction meodelling)
 
Dbms 7: ER Diagram Design Issue
Dbms 7: ER Diagram Design IssueDbms 7: ER Diagram Design Issue
Dbms 7: ER Diagram Design Issue
 
object oriented methodologies
object oriented methodologiesobject oriented methodologies
object oriented methodologies
 
Distributed Shared Memory Systems
Distributed Shared Memory SystemsDistributed Shared Memory Systems
Distributed Shared Memory Systems
 
Pressman ch-11-component-level-design
Pressman ch-11-component-level-designPressman ch-11-component-level-design
Pressman ch-11-component-level-design
 
5 architecture
5 architecture5 architecture
5 architecture
 
Communications is distributed systems
Communications is distributed systemsCommunications is distributed systems
Communications is distributed systems
 
JavaScript and BOM events
JavaScript and BOM eventsJavaScript and BOM events
JavaScript and BOM events
 
Tree pruning
 Tree pruning Tree pruning
Tree pruning
 
Links in Html
Links in HtmlLinks in Html
Links in Html
 
Distributed Database System
Distributed Database SystemDistributed Database System
Distributed Database System
 
Object modeling
Object modelingObject modeling
Object modeling
 
Web search Technologies
Web search TechnologiesWeb search Technologies
Web search Technologies
 

Viewers also liked

Brunete taurina i diners d’Igualtat.
Brunete taurina i diners d’Igualtat.Brunete taurina i diners d’Igualtat.
Brunete taurina i diners d’Igualtat.
Jesús Frare Garcia
 
SVPMA API Panel | April 2013
SVPMA API Panel | April 2013SVPMA API Panel | April 2013
SVPMA API Panel | April 2013
Delyn Simons
 
Canvi (II). També és “contra nosaltres”.
Canvi (II).  També és “contra nosaltres”.Canvi (II).  També és “contra nosaltres”.
Canvi (II). També és “contra nosaltres”.
Jesús Frare Garcia
 
The Butterfly Effect.pdf
The Butterfly Effect.pdfThe Butterfly Effect.pdf
The Butterfly Effect.pdf
anasofia2196
 
Cronica yamilec riascos
Cronica yamilec riascosCronica yamilec riascos
Cronica yamilec riascos
Yamilec Riascos MOntaño
 
Ley organica de_acceso_a_la_informacion_en_ecuador
Ley organica de_acceso_a_la_informacion_en_ecuadorLey organica de_acceso_a_la_informacion_en_ecuador
Ley organica de_acceso_a_la_informacion_en_ecuadoracuarioha
 
Портфоліо
Портфоліо Портфоліо
Портфоліо
Tatiana_Sorokun
 
Industry Perspectives and Future Trends in Population Health
Industry Perspectives and Future Trends in Population HealthIndustry Perspectives and Future Trends in Population Health
Industry Perspectives and Future Trends in Population Health
Rohan DSouza
 
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニングTwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
Hiroyuki Hiki
 
Citra digital
Citra digitalCitra digital
Citra digital
Eric Andika
 
ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!
ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!
ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!
Kohei MATSUSHITA
 
Nutraseutical
NutraseuticalNutraseutical
Nutraseutical
anna maria manullang
 
jurnal tetang contoh web restoran
jurnal tetang contoh web restoranjurnal tetang contoh web restoran
jurnal tetang contoh web restoran
nozaladijunior
 
2 spot diagnosis
2 spot diagnosis2 spot diagnosis
2 spot diagnosisWalaa Manaa
 

Viewers also liked (20)

Brunete taurina i diners d’Igualtat.
Brunete taurina i diners d’Igualtat.Brunete taurina i diners d’Igualtat.
Brunete taurina i diners d’Igualtat.
 
SVPMA API Panel | April 2013
SVPMA API Panel | April 2013SVPMA API Panel | April 2013
SVPMA API Panel | April 2013
 
Canvi (II). També és “contra nosaltres”.
Canvi (II).  També és “contra nosaltres”.Canvi (II).  També és “contra nosaltres”.
Canvi (II). També és “contra nosaltres”.
 
The Butterfly Effect.pdf
The Butterfly Effect.pdfThe Butterfly Effect.pdf
The Butterfly Effect.pdf
 
po making
po makingpo making
po making
 
Cronica yamilec riascos
Cronica yamilec riascosCronica yamilec riascos
Cronica yamilec riascos
 
Ley organica de_acceso_a_la_informacion_en_ecuador
Ley organica de_acceso_a_la_informacion_en_ecuadorLey organica de_acceso_a_la_informacion_en_ecuador
Ley organica de_acceso_a_la_informacion_en_ecuador
 
Портфоліо
Портфоліо Портфоліо
Портфоліо
 
Industry Perspectives and Future Trends in Population Health
Industry Perspectives and Future Trends in Population HealthIndustry Perspectives and Future Trends in Population Health
Industry Perspectives and Future Trends in Population Health
 
Yelp Review
Yelp Review Yelp Review
Yelp Review
 
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニングTwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
 
B
BB
B
 
Citra digital
Citra digitalCitra digital
Citra digital
 
ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!
ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!
ソラコム Developers conference #0 LT / SIMの開封からSMS受信まで、5分でやりきる!
 
Nutraseutical
NutraseuticalNutraseutical
Nutraseutical
 
3 enanthem
3 enanthem3 enanthem
3 enanthem
 
jurnal tetang contoh web restoran
jurnal tetang contoh web restoranjurnal tetang contoh web restoran
jurnal tetang contoh web restoran
 
2 spot diagnosis
2 spot diagnosis2 spot diagnosis
2 spot diagnosis
 
TB Meningitis
TB MeningitisTB Meningitis
TB Meningitis
 
Daniii ii yudi
Daniii ii yudiDaniii ii yudi
Daniii ii yudi
 

Similar to HTML Media

Lecture9 web design and development
Lecture9 web design and developmentLecture9 web design and development
Lecture9 web design and development
Rafi Haidari
 
Replacing flash with HTML5 and CSS3
Replacing flash with HTML5 and CSS3Replacing flash with HTML5 and CSS3
Replacing flash with HTML5 and CSS3
Saurabh Kheni
 
Chapter 7 Multimedia
Chapter 7 MultimediaChapter 7 Multimedia
Chapter 7 MultimediaPatty Ramsey
 
HTML Multimedia.pptx
HTML Multimedia.pptxHTML Multimedia.pptx
HTML Multimedia.pptx
ssuser08ea44
 
Html audio video
Html audio videoHtml audio video
Html audio video
Muhammad Ehtisham Siddiqui
 
Lesson 6
Lesson 6Lesson 6
Lesson 6
Slides4Victor
 
HTML5 Multimedia: where we are, where we're going
HTML5 Multimedia: where we are, where we're goingHTML5 Multimedia: where we are, where we're going
HTML5 Multimedia: where we are, where we're going
brucelawson
 
Technical considerations 2c
Technical considerations 2cTechnical considerations 2c
Technical considerations 2cCrashin
 
Different formats of video
Different formats of videoDifferent formats of video
Different formats of video
Jade Fernandez
 
Integrating media
Integrating mediaIntegrating media
Integrating media
Er. Nawaraj Bhandari
 
Chapter 11 - Web Design
Chapter 11 - Web DesignChapter 11 - Web Design
Chapter 11 - Web Design
tclanton4
 
A R T D M171 Week14 Multimedia
A R T D M171  Week14  MultimediaA R T D M171  Week14  Multimedia
A R T D M171 Week14 MultimediaGilbert Guerrero
 
Multimedia on the web by Sania Nisar
Multimedia on the web by Sania NisarMultimedia on the web by Sania Nisar
Multimedia on the web by Sania Nisar
Sania Nisar
 
1-Introduction-What-is-Multimedia.pdf
1-Introduction-What-is-Multimedia.pdf1-Introduction-What-is-Multimedia.pdf
1-Introduction-What-is-Multimedia.pdf
munnamicheal
 
Html powerpoint-presentation116
Html powerpoint-presentation116Html powerpoint-presentation116
Html powerpoint-presentation116Febin Chacko
 
Client formal specification
Client formal specificationClient formal specification
Client formal specificationJChorlton15
 
Beginning html5 media, 2nd edition
Beginning html5 media, 2nd editionBeginning html5 media, 2nd edition
Beginning html5 media, 2nd edition
ser
 

Similar to HTML Media (20)

Httml flash
Httml flashHttml flash
Httml flash
 
Lecture9 web design and development
Lecture9 web design and developmentLecture9 web design and development
Lecture9 web design and development
 
Replacing flash with HTML5 and CSS3
Replacing flash with HTML5 and CSS3Replacing flash with HTML5 and CSS3
Replacing flash with HTML5 and CSS3
 
Chapter 7 Multimedia
Chapter 7 MultimediaChapter 7 Multimedia
Chapter 7 Multimedia
 
HTML Multimedia.pptx
HTML Multimedia.pptxHTML Multimedia.pptx
HTML Multimedia.pptx
 
Html audio video
Html audio videoHtml audio video
Html audio video
 
Lesson 6
Lesson 6Lesson 6
Lesson 6
 
HTML5 Multimedia: where we are, where we're going
HTML5 Multimedia: where we are, where we're goingHTML5 Multimedia: where we are, where we're going
HTML5 Multimedia: where we are, where we're going
 
Technical considerations 2c
Technical considerations 2cTechnical considerations 2c
Technical considerations 2c
 
Different formats of video
Different formats of videoDifferent formats of video
Different formats of video
 
Integrating media
Integrating mediaIntegrating media
Integrating media
 
Chapter 11 - Web Design
Chapter 11 - Web DesignChapter 11 - Web Design
Chapter 11 - Web Design
 
A R T D M171 Week14 Multimedia
A R T D M171  Week14  MultimediaA R T D M171  Week14  Multimedia
A R T D M171 Week14 Multimedia
 
Multimedia on the web by Sania Nisar
Multimedia on the web by Sania NisarMultimedia on the web by Sania Nisar
Multimedia on the web by Sania Nisar
 
1-Introduction-What-is-Multimedia.pdf
1-Introduction-What-is-Multimedia.pdf1-Introduction-What-is-Multimedia.pdf
1-Introduction-What-is-Multimedia.pdf
 
Html powerpoint-presentation116
Html powerpoint-presentation116Html powerpoint-presentation116
Html powerpoint-presentation116
 
Client formal specification
Client formal specificationClient formal specification
Client formal specification
 
Software
SoftwareSoftware
Software
 
Software
SoftwareSoftware
Software
 
Beginning html5 media, 2nd edition
Beginning html5 media, 2nd editionBeginning html5 media, 2nd edition
Beginning html5 media, 2nd edition
 

Recently uploaded

Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdfEnhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Jay Das
 
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...
Globus
 
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns
 
BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024
Ortus Solutions, Corp
 
May Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdfMay Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdf
Adele Miller
 
How Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptxHow Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptx
wottaspaceseo
 
Enterprise Resource Planning System in Telangana
Enterprise Resource Planning System in TelanganaEnterprise Resource Planning System in Telangana
Enterprise Resource Planning System in Telangana
NYGGS Automation Suite
 
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.ILBeyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Natan Silnitsky
 
Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024
Paco van Beckhoven
 
Using IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New ZealandUsing IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New Zealand
IES VE
 
RISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent EnterpriseRISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent Enterprise
Srikant77
 
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoamOpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
takuyayamamoto1800
 
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteAI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
Google
 
Quarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden ExtensionsQuarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden Extensions
Max Andersen
 
Lecture 1 Introduction to games development
Lecture 1 Introduction to games developmentLecture 1 Introduction to games development
Lecture 1 Introduction to games development
abdulrafaychaudhry
 
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
informapgpstrackings
 
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptx
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptxTop Features to Include in Your Winzo Clone App for Business Growth (4).pptx
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptx
rickgrimesss22
 
GlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote sessionGlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote session
Globus
 
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
Anthony Dahanne
 
Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...
Globus
 

Recently uploaded (20)

Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdfEnhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
 
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...
Climate Science Flows: Enabling Petabyte-Scale Climate Analysis with the Eart...
 
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
 
BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024
 
May Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdfMay Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdf
 
How Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptxHow Recreation Management Software Can Streamline Your Operations.pptx
How Recreation Management Software Can Streamline Your Operations.pptx
 
Enterprise Resource Planning System in Telangana
Enterprise Resource Planning System in TelanganaEnterprise Resource Planning System in Telangana
Enterprise Resource Planning System in Telangana
 
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.ILBeyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
 
Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024
 
Using IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New ZealandUsing IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New Zealand
 
RISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent EnterpriseRISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent Enterprise
 
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoamOpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
 
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteAI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
 
Quarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden ExtensionsQuarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden Extensions
 
Lecture 1 Introduction to games development
Lecture 1 Introduction to games developmentLecture 1 Introduction to games development
Lecture 1 Introduction to games development
 
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
 
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptx
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptxTop Features to Include in Your Winzo Clone App for Business Growth (4).pptx
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptx
 
GlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote sessionGlobusWorld 2024 Opening Keynote session
GlobusWorld 2024 Opening Keynote session
 
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...
 
Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...
 

HTML Media

  • 1.
  • 2. Multimedia means that computer information can be represented through audio, video, and animation in addition to traditional media Example: (i.e., text, graphics drawings, images). Infobizzs.com
  • 3.  The first web browsers had support for text only, limited to a single font in a single colour.  Later came browsers with support for colours and fonts, and images!  Audio, video, and animation have been handled differently by the major browsers. Different formats have been supported, and some formats require extra helper programs (plug-ins) to work. Hopefully this will become history. HTML5 multimedia promises an easier future for multimedia. Infobizzs.com
  • 4. Multimedia elements (like audio or video) are stored in media files. The most common way to discover the type of a file, is to look at the file extension. Multimedia files have formats and different ext.ensions  Example: .swf, .wav, .mp3, .mp4, .mpg, .wmv, and .avi Infobizzs.com
  • 5.  MP4 is the new and upcoming format for internet video.  MP4 is recommended by YouTube. MP4 is supported by Flash Players. MP4 is supported by HTML5. Infobizzs.com
  • 6. MP3 is the newest format for compressed recorded music. The term MP3 has become synonymous with digital music. If your website is about recorded music, MP3 is the choice. Infobizzs.com
  • 7. Plug-in applications are programs that can easily be installed and used as part of your Web browser. Plug-ins can be used for many purposes: display maps, scan for viruses, verify your bank id, etc. Infobizzs.com
  • 8. The <object> element is supported by all browsers. The <object> element defines an embedded object within an HTML document. It is used to embed plug-ins (like Java applets, PDF readers, Flash Players) in web pages. Infobizzs.com
  • 9. <object width="400" height="50" data="bookmark.swf"></object <object width="100%" height="500px" data="snippet.html"></object> infobizzs.com
  • 10.  The <embed> element is supported in all major browsers.  The <embed> element also defines an embedded object within an HTML document.  Web browsers have supported the <embed> element for a long time. However, it has not been a part of the HTML specification before HTML5. Infobizzs.com
  • 11. <embed width="400" height="50" src="bookmark.swf"> <embed width="100%" height="500px" src="snippet.html"> <embed src="audi.jpeg"> Infobizzs.com
  • 12. The easiest way to play videos in HTML, is to use YouTube. Infobizzs.com
  • 13. you have seen that you might have to convert your videos to different formats to make them play in all browsers. Converting videos to different formats can be difficult and time-consuming. An easier solution is to let YouTube play the videos in your web page. Infobizzs.com
  • 14. YouTube will display an id (like XGSy3_Czz8k), when you save (or play) a video. You can use this id, and refer to your video in the HTML code. Infobizzs.com
  • 15. To play your video on a web page, do the following:  Upload the video to YouTube  Take a note of the video id  Define an <iframe> element in your web page  Let the src attribute point to the video URL  Use the width and height attributes to specify the dimension of the player  Add any other parameters to the UbeRL (see below) Infobizzs.com