SlideShare a Scribd company logo
API
                 11    HTML5


                      id: gyuque




2010   10   14
2010   10   14
• embed / object
             • Windows Media Player
             • Quicktime Player
             • Flash
                 →




2010   10   14
Flash!




2010   10   14
Silverlight!




2010   10   14
Windows Media!




2010   10   14
QuickTime!




2010   10   14
Plugin sucks


        •
        •


        •         …

        •
2010   10   14
<video> <audio>




2010   10   14
2010   10   14
data URI




                 http://www.slideshare.net/moriyoshi/adobe-max-japan-2009-jui-javascript

2010   10   14
data URI


                                wav




                                 (   ! )<
            data:audio/wav...



                 <audio>



2010   10   14
2010   10   14
2010   10   14
2010   10   14
2010   10   14
Mozilla Audio Data API
                 https://wiki.mozilla.org/Audio_Data_API
                           WRITING APIs

                                         JS




2010   10   14
Mozilla Audio Data API
                     https://wiki.mozilla.org/Audio_Data_API
                               READING APIs

                 media file



                                               JS
2010   10   14
Mozilla Audio Data API
                      https://wiki.mozilla.org/Audio_Data_API
                                 READING APIs


                 •          Ogg Vorbis / WebM
                 • WebM


                                                ≫                    Firefox 4 beta
                                                    http://www.mozilla.com/en-US/firefox/beta/


2010   10   14
WebM




2010   10   14
speech
                                   x-webkit-speech
                        <input type="text" x-webkit-speech>



            •
            • HTML/JS

                                           ≫                         Chromium
                                               http://build.chromium.org/buildbot/snapshots/


2010   10   14
HTML Media Capture API




                                          ≫


2010   10   14
HTML Media Capture API




                                          ≫


2010   10   14
High Level API

                 ▶
                                                            Mic
                                                  speech
                 <audio>       File

                                                  HTML Media Capture
                 Mozilla Audio Data API

                           Flash
 Low Level API
                                      Flash
                                              ↓
                                   JS/HTML



2010   10   14

More Related Content

Similar to 第11回 HTML5とか勉強会 gyuque

ウェブサイトからモバイルアプリへ
ウェブサイトからモバイルアプリへウェブサイトからモバイルアプリへ
ウェブサイトからモバイルアプリへ
Hiromitsu Miyanishi
 
France ug 11302010
France ug 11302010France ug 11302010
France ug 11302010
FranckThomas
 
UGIF 12 2010 - France UG
UGIF 12 2010 - France UGUGIF 12 2010 - France UG
UGIF 12 2010 - France UG
UGIF
 

Similar to 第11回 HTML5とか勉強会 gyuque (20)

Web rtc+webaudio
Web rtc+webaudioWeb rtc+webaudio
Web rtc+webaudio
 
ウェブサイトからモバイルアプリへ
ウェブサイトからモバイルアプリへウェブサイトからモバイルアプリへ
ウェブサイトからモバイルアプリへ
 
Web and browser evolution
Web and browser evolutionWeb and browser evolution
Web and browser evolution
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
 
HTML5 and the Open Web Platform
HTML5 and the Open Web PlatformHTML5 and the Open Web Platform
HTML5 and the Open Web Platform
 
Mixi kit
Mixi kitMixi kit
Mixi kit
 
HTML5 Introduction
HTML5 IntroductionHTML5 Introduction
HTML5 Introduction
 
Clientside/Offline (onefile) Lecture Player in a Web Browser
Clientside/Offline (onefile) Lecture Player in a Web BrowserClientside/Offline (onefile) Lecture Player in a Web Browser
Clientside/Offline (onefile) Lecture Player in a Web Browser
 
HTML5 Quick Start
HTML5 Quick StartHTML5 Quick Start
HTML5 Quick Start
 
HTML5 & Web Platform
HTML5 & Web PlatformHTML5 & Web Platform
HTML5 & Web Platform
 
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
 
Jax2001 adobe keynote
Jax2001 adobe keynoteJax2001 adobe keynote
Jax2001 adobe keynote
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5
 
soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5soft-shake.ch - Introduction to HTML5
soft-shake.ch - Introduction to HTML5
 
HTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm SoftwareHTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm Software
 
France ug 11302010
France ug 11302010France ug 11302010
France ug 11302010
 
UGIF 12 2010 - France UG
UGIF 12 2010 - France UGUGIF 12 2010 - France UG
UGIF 12 2010 - France UG
 
Informix User Group France - 30/11/2010 - Informix &amp; Open Source - J Roy
Informix User Group France - 30/11/2010 - Informix &amp; Open Source - J RoyInformix User Group France - 30/11/2010 - Informix &amp; Open Source - J Roy
Informix User Group France - 30/11/2010 - Informix &amp; Open Source - J Roy
 
MOLABTVX
MOLABTVXMOLABTVX
MOLABTVX
 
Molabtvx
MolabtvxMolabtvx
Molabtvx
 

Recently uploaded

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Buy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdfBuy Epson EcoTank L3210 Colour Printer Online.pdf
Buy Epson EcoTank L3210 Colour Printer Online.pdf
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2UiPath Test Automation using UiPath Test Suite series, part 2
UiPath Test Automation using UiPath Test Suite series, part 2
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 

第11回 HTML5とか勉強会 gyuque