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.

ウェブ標準デバイス系 API 総集編 2014

23,370 views

Published on

Webプラットフォーム部第四回ナイトセミナー
HTML5 デバイス API 勉強会
2014年10月30日
@日本マイクロソフト品川オフィス

Published in: Technology
  • Sex in your area is here: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

ウェブ標準デバイス系 API 総集編 2014

  1. 1. @futomi futomi.hatano
  2. 2. • • •
  3. 3. (function watchGamepad() { vargamepads = navigator.getGamepads(); varbuttons = gamepads[0].buttons; // Do something window.requestAnimationFrame(watchGamepad); })();
  4. 4. • • • • • • • •
  5. 5. navigator.requestMIDIAccess().then( function(midiaccess) { // 出力ポートのMIDIPort(MIDIOutput)オブジェクトを取得 varoutput_list= midiaccess.outputs(); varoutput = output_list[0]; // MIDIメッセージ送信(ノートオン, チャネル0, ド(C4)の音, ベロシティ70) output.send(new Uint8Array([144, 60, 70])); }, function() { console.log("Error"); } ); 1 メッセージ値 チャネル番号 ステータスバイト 0 ノート番号 0 ベロシティ 128以上 127以下 127以下
  6. 6. • •
  7. 7. • • • •
  8. 8. varhello = new NDEFRecordText("hello world", "en-US", "UTF-8"); navigator.nfc.ontagfound= function(e) { window.console.log('NFC Tag found!'); vartag = e.tag; tag.writeNDEF(new NDEFMessage([hello])); } navigator.nfc.startPoll().catch( function(e) { window.console.error(e); });
  9. 9. • • • • • • • •
  10. 10. • • • navigator.geolocation.getCurrentPosition(function(pos) { console.log("緯度: " + pos.coords.latitude); console.log("経度: " + pos.coords.longitude); console.log("GPS高度: " + pos.coords.altitude); });
  11. 11. • •
  12. 12. • • •
  13. 13. • • window.addEventListener("devicelight", function(event) { console.log(event.value+ " ルクス"); }, false);
  14. 14. • // 物体の接近検知 window.addEventListener("userproximity", function(event) { if(event.near=== true) {console.log("物体が接近");} }, false); // 物体までの距離検知 window.addEventListener("deviceproximity", function(event) { console.log("距離: " + event.value+ " cm); }, false);
  15. 15. • // 1 navigator.vibrate(1000); // 120.5 navigator.vibrate([1000, 500, 1000]); // navigator.vibrate(0);
  16. 16. • navigator.battery.addEventListener("levelchange", function() { console.log(":" + navigator.battery.level); }, false); navigator.battery.addEventListener("chargingchange", function() { if(navigator.battery.charging=== true) { console.log(""); } }, false);
  17. 17. • • • • • •
  18. 18. • • • • • • • • •
  19. 19. • • • • • • • • •
  20. 20. • • • •
  21. 21. @futomi futomi.hatano

×