Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web of Technologies

45,651 views

Published on

HTML5 Conference で使用したスライド
TItle: Web of Things を実現する技術 - Mozilla が取り組む Web プラットフォームの進化
http://events.html5j.org/conference/2015/1/session/

Published in: Technology
  • Be the first to comment

Web of Technologies

  1. 1. OOHH22
  2. 2. TT ff PP pp.. FF dd MM oo tt
  3. 3. xxzz ww nn HHssjjCC
  4. 4. WEB MOBILEFIREFOX OS
  5. 5. 29 ヶ国 15 キャリア
  6. 6.
  7. 7.
  8. 8. WEB OF THINGS
  9. 9. O S W F I   L E B T light2light1IrDA motion sensor Switch
  10. 10. vvkk JJ
  11. 11. Serial UDB Diagram Socket Print USB WebCL WebGL2
  12. 12. DeviceIndexedDB USB File Reading WebSocket Over Apps
  13. 13. ccbbhhaa HH 11TT ffcc CCrr zzllFFrr 11
  14. 14. wonderstruck
  15. 15. 
 

  16. 16. FoxEye came to the world.
  17. 17. navigator.getUserMedia( {video:true, audio:false}, function(localMediaStream) { var videoTracks = localMediaStream.getVideoTracks(); var track = videoTracks[0]; var myWorker = new Worker("textRec.js"); track.addWorkerMonitor(myWorker)); myWorker.onmessage = function (oEvent) { console.log("Worker recognized: " + oEvent.data); }; var elem=document.getElementById('VIDEO'); elem.mozSrcObject = dest.stream; elem.play(); }, null);
  18. 18. var textDetector = WebImage.createTextDetector(img.width, img.height) onvideoprocess = function (event) { var img = event.inputFrame; // テキスト認識処理を実行 var words= textDetector.findText(img); var recognizedText; for (var ix=0; ix<words.length; ix++) { recognizedText = recognizedText + words[ix] + " "; } postMessage(recognizedText); };
  19. 19. Use cases(Amazon FireFly) In our case, we can use Yahoo Service, like Yahoo Movie, Yahoo Shopping, Yahoo Search...
  20. 20. Use cases(Text selection in Image, browser) http://projectnaptha.com/
  21. 21. Use cases(Augmented Reality)
  22. 22. Use cases(Face in)
  23. 23. Use cases(Camera Panorama, HDR)
  24. 24. WWii SShhii
  25. 25.
  26. 26. en now targets SIMD.JS nerates SIMD.JS from C++ SIMD intrinsics & auto-vectorized code Near-native SIMD.JS speedup C++ JavaScript 1.00 2.03 7.18 8.13 0 2 4 6 8 10 Speedup over Scalar JS Scalar JS Scalar C++ SIMD JS SIMD C++ on, Multiple Data t performance & power efficiency Cx Cy Cz Cw Ax Ay Az Aw Bx By Bz Bw + = SIMD Operation of Vector Length 4 Intel® Architecture currently has SIMD operations of vector length 4, 8, 16
  27. 27. 
 11 SIMD – Single Instruction, Multiple Data SIMD operations deliver great performance & power efficiency Scalar Operation Cx Cy Cz Cw = = = = Ax Ay Az Aw Bx By Bz Bw + + + + Cx Cy Cz Cw Ax Ay Az Aw Bx By Bz Bw + = SIMD Operation of Vector Length 4 Intel® Architecture currently has SIMD operations of vector length 4, 8, 16
  28. 28. 
 13 SIMD.JS – The API † Initial support for float32x4 and int32x4 Our SIMD prototype delivers 3x~4x Mandelbrot speedup† Our Firefox* Prototype
  29. 29. 
 15 SIMD Speedups on our Chromium* Prototype 3.2 3.6 3.8 3.9 4.6 5.0 6.0 9.5 3.2 3.8 3.4 6.1 6.5 5.0 5.6 11.8 6.8 3.1 2.7 4.5 4.2 3.8 5.4 9.3 0 2 4 6 8 10 12 14 Transpose4x4 AOBench Mandelbrot MatrixMultiplication VertexTransform Average ShiftRows Matrix4x4Inverse SIMD x-times faster than non-SIMD 3rd Generation Intel® Core™ i7 processor (3667U)@ 2.00 GHz, 32-bit, Ubuntu* 13 3rd Generation Intel® Core™ i7 processor (3667U)@ 2.00 GHz, 64-bit, Ubuntu* 13 Intel® Atom™ processor Z3770 @ 1.46GHz, Android* 4.4 Excellent early results while still focused on functionality Theoretical speedup limit is 4 SIMD.JS benchmarks: https://github.com/johnmccutchan/ecmascript_simd/tree/master/src/benchmarks
  30. 30. 
 17 Emscripten now targets SIMD.JS Emscripten generates SIMD.JS from C++ SIMD intrinsics & auto-vectorized code Near-native SIMD.JS speedup C/C++ JavaScript 1.00 2.03 7.18 8.13 0 2 4 6 8 10 Speedup over Scalar JS Scalar JS Scalar C++ SIMD JS SIMD C++
  31. 31. 
 

  32. 32. PP ee mm RRHHssjj HH ccHH
  33. 33. WEB OF THINGS
  34. 34. !!

×