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 Again

第54回 HTML5とか勉強会で使用したスライド

  • Login to see the comments

Web of Technologies Again

  1. 1. WEB MOBILEFIREFOX OS
  2. 2. 29 ヶ国 15 キャリア
  3. 3.
  4. 4. WEB OF THINGS
  5. 5. 電⼦子⼯工作愛好者向け Open  Web  Board(Firefox  OS搭載ボード) リモコン BLEやzigbeeを使って   新しいIoTデバイスと接続 light2light1IrDA motion sensor Switch
  6. 6. 参加してみたくなった!? 「MMoozzOOppeennHHaarrddwwaarree」 FFaacceebbooookk ぐるーぷ来てね。
  7. 7. Serial UDB Diagram Socket Print USB WebCL WebGL2
  8. 8. DeviceIndexedDB USB File Reading WebSocket Over Apps
  9. 9. スマホレベルができるのは もうアタリマエだよね! もっと広い世界に広げよう!
  10. 10. wonderstruck
  11. 11. 
 

  12. 12. FoxEye came to the world.
  13. 13. 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);
  14. 14. 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); };
  15. 15. Use cases(Amazon FireFly) In our case, we can use Yahoo Service, like Yahoo Movie, Yahoo Shopping, Yahoo Search...
  16. 16. Use cases(Text selection in Image, browser) http://projectnaptha.com/
  17. 17. Use cases(Augmented Reality)
  18. 18. Use cases(Face in)
  19. 19. Use cases(Camera Panorama, HDR)
  20. 20.
  21. 21. 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
  22. 22. 
 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
  23. 23. 
 13 SIMD.JS – The API † Initial support for float32x4 and int32x4 Our SIMD prototype delivers 3x~4x Mandelbrot speedup† Our Firefox* Prototype
  24. 24. 
 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
  25. 25. 
 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++
  26. 26. 
 

  27. 27. 詳しくは 33//1177 FFiirreeffooxx OOSS 勉強会にて!
  28. 28. WEB OF THINGS
  29. 29. WWeebb iiss tthhee PPllaattffoorrmm!!

×