Html5 video

•Transferir como PPT, PDF•

0 gostou•432 visualizações

andrewdibb

Presentation about HTML5 Video for MTSU Class EMC 3210.

Tecnologia Design

Video on the Web
•

Interactive

•

Visually interesting

•

Examples:
•

http://couleecreative.com/

•

http://www.ristorantebastimento.it/

F-ing Flash
•

2002 - Macromedia releases
Flash

•

2005 - YouTube is launched
making exclusive use of Flash

•

Users must all have Flash
installed on computer and
current versions

•

Apple v. Adobe Flash

HTML5 Video

•

Native to browser

•

One tag - multiple video types

•

No Javascript/Actionscript

Formats
.mp4 = H.264 + AAC
.ogg/.ogv = Theora + Vorbis
.webm = VP8 + Vorbis

Works Cited
•

Wilcox, Mike. "HTML5 Video Explained." HTML5
Video Explained. N.p., n.d. Web. 25 Nov. 2013.

•

"HTML5 Video." HTML5 Video. W3 Schools, n.d.
Web. 25 Nov. 2013.

•

Delgado, Ernest. "HTML5 Rocks." - A Resource for
Open Web HTML5 Developers. HTML5 Rocks, 3
Aug. 2010. Web. 25 Nov. 2013.

Mais conteúdo relacionado

Semelhante a Html5 video

Flash media technologyMichael Dabydeen

HTML5 video & Amazon elastic transcoder - FCIP August 2014RZasadzinski

HTML5 Trends + Cascade Server CMS by Uzo Okaforhannonhill

Conferences andcommunityJeff Carouth

OU Media Player at a11yLDN 2012Nick Freear

夜宴26期《Mobile Web测试》Koubei Banquet

JavaScript debugging diagnostic web tools and firefoxGennady Feldman

Flash dead ?Christophe Keromen

Internet Archive at Open Video Conference 2009tracey jaquith

Screw HTML5, make cool shit with AIREric Fickes

Favourite Cloud AppsMichael Rees

360|Flex Recap - San Jose 2010David Ortinau

Adobe Flash - Past, Present and FutureIain Lobb

FlexboxLindsayRec

WordPress Hampton Roads Meetup 9-18-12Melodie Laylor

Vimeo and Open Source (SMPTE Forum 2015)Derek Buitenhuis

How we build project for Open SourceAlexander Zayats

Unicon July 2015 IAM BriefingJohn Gasper

It takes a Village: Implementing a Homegrown Solution for Streaming Video Res...mharpasu

AN INTRODUCTION TO APACHE FLEXJoseph Labrecque

Semelhante a Html5 video (20)

Flash media technology

HTML5 video & Amazon elastic transcoder - FCIP August 2014

HTML5 Trends + Cascade Server CMS by Uzo Okafor

Conferences andcommunity

OU Media Player at a11yLDN 2012

夜宴26期《Mobile Web测试》

JavaScript debugging diagnostic web tools and firefox

Flash dead ?

Internet Archive at Open Video Conference 2009

Screw HTML5, make cool shit with AIR

Favourite Cloud Apps

360|Flex Recap - San Jose 2010

Adobe Flash - Past, Present and Future

Flexbox

WordPress Hampton Roads Meetup 9-18-12

Vimeo and Open Source (SMPTE Forum 2015)

How we build project for Open Source

Unicon July 2015 IAM Briefing

It takes a Village: Implementing a Homegrown Solution for Streaming Video Res...

AN INTRODUCTION TO APACHE FLEX

Último

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

Architecting Cloud Native ApplicationsWSO2

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

Corporate and higher education May webinar.pptxRustici Software

MS Copilot expands with MS Graph connectorsNanddeep Nachan

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

[BuildWithAI] Introduction to Gemini.pdfSandro Moreira

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays

DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub

CNIC Information System with Pakdata Cf In Pakistandanishmna97

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Último (20)

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Architecting Cloud Native Applications

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Corporate and higher education May webinar.pptx

MS Copilot expands with MS Graph connectors

presentation ICT roal in 21st century education

[BuildWithAI] Introduction to Gemini.pdf

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

CNIC Information System with Pakdata Cf In Pakistan

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Html5 video

1. HTML 5 Video presented by Andrew Dibb

2. Video on the Web • Interactive • Visually interesting • Examples: • http://couleecreative.com/ • http://www.ristorantebastimento.it/

3. F-ing Flash • 2002 - Macromedia releases Flash • 2005 - YouTube is launched making exclusive use of Flash • Users must all have Flash installed on computer and current versions • Apple v. Adobe Flash

5. HTML5 Video • Native to browser • One tag - multiple video types • No Javascript/Actionscript

7. Formats .mp4 = H.264 + AAC .ogg/.ogv = Theora + Vorbis .webm = VP8 + Vorbis

8. Browser Support

10. Works Cited • Wilcox, Mike. "HTML5 Video Explained." HTML5 Video Explained. N.p., n.d. Web. 25 Nov. 2013. • "HTML5 Video." HTML5 Video. W3 Schools, n.d. Web. 25 Nov. 2013. • Delgado, Ernest. "HTML5 Rocks." - A Resource for Open Web HTML5 Developers. HTML5 Rocks, 3 Aug. 2010. Web. 25 Nov. 2013.

Notas do Editor

mp4 - we are familiar with ogg/ogv - Ogg Vorbis video encoding technology. webm - an attempt to create a high-quality, open video format for the web
This is a good thing for the web. YouTube is in the process of going HTML5

Html5 video

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Html5 video

Semelhante a Html5 video (20)

Último

Último (20)

Html5 video

Notas do Editor