SkyWay UG Kansai #1のLTの発表資料です。

2. @rotsuya
NTT Communications
Manager of SkyWay Team

3. @rotsuya
goo.gl/xGdrMR
SkyWay API

4. @rotsuya
Write Code Every Day
http://snowlong.hatenablog.com/entry/2014/04/18/
https://johnresig.com/blog/write-code-every-day/

5. @rotsuya
Write Code Every Day
http://snowlong.hatenablog.com/entry/2014/04/18/
https://johnresig.com/blog/write-code-every-day/
Every week

6. @rotsuya
Write Code Every Day
http://snowlong.hatenablog.com/entry/2014/04/18/
https://johnresig.com/blog/write-code-every-day/

7. Web

9. (10 )
…

10. (10 )
…
…

11. (10 )
…
…

12. (10 )
…
…
…

13. (10 )
…
😭
…
…

14. (10 )
…
😭
( )
1
…
…

15. (10 )
…
😭
…
( )
1
😭😭😭
…

18. 2 … 2

19. 3 … 6

20. 4 … 12

21. 5 … 20

22. 6 … 30

23. 7 … 42

24. 8 … 56

25. 0
50
100
150
200
250
2 3 4 5 6 7 8 9 10 11 12 13 14 15
210

26. Web

27. 6

28. 6

29. 6
7

30. 1

33. WebRTC

34. WebRTC

35. bit.ly/skywayultra
https://rotsuya.github.io/skyway-ultrasonic-ping/
ECMAScript 2015+ Chrome

36. Room API

37. Room API

38. oscillator = audioCxt.createOscillator();
oscillator.type = 'square';
oscillator.frequency.value = 17000;
oscillator.start();
this.gainNode = audioCxt.createGain();
this.gainNode.gain.value = 0;
oscillator.connect(this.gainNode);

39. const destination =
audioCxt.createMediaStreamDestination();
source.connect(destination);
this.gainNode.connect(destination);

40. turnOn() {
this.gainNode.gain.value = 0.3;
}
turnOff() {
this.gainNode.gain.value = 0;
}

41. Web Audio API
Goertzel
DTMF
: http://jsfiddle.net/eRbA2/

42. const lowpassFilter =
audioCxt.createBiquadFilter();
lowpassFilter.type = 'lowpass';
lowpassFilter.frequency.value = 17000 * 0.9;
source.connect(lowpassFilter);
lowpassFilter.connect(destination);

43. Room API

44. room
const from = remoteStream.peerId;
const to = peer.id;
pingDetector.on(‘ping’, level => {
room.send([‘ping’, from, to]); // send
});

45. room.on('data', data => {
// receive
const event = data.data[0];
const from = data.data[1];
const to = data.data[2];
updateLineStyle(from, to, event, peerIds);
});

46. npm
SVG + CSS Transition
Opus
getStats() audioInputLevel

48. Room API
room.send(data); // send
room.on(‘data’, data => {
// receive
});

49. Room API
room.send(data); // send
room.on(‘data’, data => {
// receive
});
UG Kansai OK