Download as PDF, PPTX
![Transferable// Transferable//[buffer]////buffer](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fhtml5conference20131130-131201062814-phpapp01%2f75%2fHTML5-API-HTML5-Conference-2013-42-2048.jpg&f=jpg&w=240)
Uploaded byFutomi Hatano
PDF, PPTX31,524 views
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える（かもしれない）最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。本セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立たないかもしれないし、役に立つかもしれない。そんなスリリングなAPIを知ってこそマニアなのだ。ようこそ、HTML5裏APIの世界へ。
Recommended
More Related Content
Viewers also liked
More from Futomi Hatano
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
- 1.HTML5 Conference 2013201311 30@futomifutomi.hatanohttp://www.html5.jp/
- 3.••••12HTML5 WebHTML5 Web•W3CAPI•API•• 2013APIAPI1
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.Peer-to-peer DTMF•••••••Dual-Tone Multi-Frequency09 A D *2Audio Channel#16IVR• Interactive Voice Response•
- 11.
- 13.
- 14.Web Auido API••iOS••• gUM
- 15.
- 17.
- 18.
- 19.
- 20.MPEG-DASH• Dynamic AdaptiveStreaming over HTTP• HTTPAdaptive Streaming•••• XML• MPD Media Presentation Description
- 22.MPD<?xml version="1.0"?><MPD xmlns="urn:mpeg:dash:schema:mpd:2011"minBufferTime="PT1.500000S" ...>...<Period id="" duration="PT0H0M33.00S"><AdaptationSet segmentAlignment="true" maxWidth="854" maxHeight="480"maxFrameRate="12800/510" par="854:480">...<Representation id="1" mimeType="video/mp4" codecs="avc1.4d4029,mp4a.40.2"width="854" height="480" frameRate="12800/510" sar="1:1"audioSamplingRate="48000" startWithSAP="0" bandwidth="1639763"><AudioChannelConfiguration .../><SegmentList timescale="1000" duration="1215"><Initialization sourceURL="movie_segmentinit.mp4"/><SegmentURL media="movie_segment1.m4s"/><SegmentURL media="movie_segment2.m4s"/>...
- 23.
- 25.Media Capture andStreamsscreen capture
- 27.////{ video: {mandatory: { chromeMediaSource: "screen" } } }////// SSLPermissionDeniedError
- 28.
- 29.
- 30.•• ArrayBufferView••••UTF-8, UTF-16LE,UTF-16BEArrayBufferView
- 31.// Shift_JIS// ArrayBufferViewUint8Array("//Shift_JIS TextDecoder//////")
- 32.// UTF-8TextDecoder// UTF-8//Uint8ArrayArrayBufferView// 16// "e3 81 82 e3 81 84 e3 81 86 e3 81 88 e3 81 8a"
- 33.
- 34.
- 35.
- 36.
- 37.•• 3x3, 4x4•,,,,•element.style.transform
- 38.DOMMatrix//DOMMatrix// Chrome, Opera,SafariWebKitCSSMatrix// IE10MSCSSMatrix
- 40.
- 41.
- 42.
- 43.
- 44.Clipboard API andevents
- 45.
- 46.// Internet Explorer//DataTransfer//// Internet Explorer//// DataTransfer
- 47.
- 48.Base64• ASCII••// ASCIINGBase64//"VGhpcyBpcyBhIHN0cmluZy4="// Base64ASCII// "This is a string."
- 49.
- 50.
- 51.
- 52.window.screen.addEventListener("mozorientationchange",function(event) {//var ori= window.screen.mozOrientation;...},false);
- 53.
- 54.
- 55.• Media Captureand Streams•• Firefox AuroraBlob
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 65.