Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

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

23.407 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • Inicia sesión para ver los comentarios

ウェブ標準デバイス系 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

×