オンライン英会話とSkyWay

Transcript

1. ΦϯϥΠϯӳձ࿩ͱ
 SkyWay SkyWay UG Kansai #1 2018/01/12 େౡ ޫو@sbntaminif

2. ࣗݾ঺հ • ΢ΣϒϦΦגࣜձࣾWEBΤϯδχΞ + ϓϩμΫτ Ϛωʔδϟʔ • খ͍͞Ͱ͕͢ຊ೔εϙϯαʔ͍͍͓ͤͯͨͩͯ͞Γ ·͢ʂ •

   ීஈ͸ژ౎Ͱಇ͍͍ͯ·͢

3. http://ejje.weblio.jp/content/ios

4. ΦϯϥΠϯࣙॻΛఏڙ͢Δ WebαʔϏε

5. ࣙॻҎ֎ʹ ӳձ࿩αʔϏεΛ΍͍ͬͯ ·͢

6. None

7. Skypeӳձ࿩ͱݴ͑͹ ฉ͍ͨ͜ͱ͋Δํ΋ ଟ͍ͷͰ͸ͳ͍Ͱ͠ΐ͏͔

8. 2017೥3݄1೔ΑΓɺWebRTCΛ ࢖༻ͨ͠Ϩοεϯʹ Ҡߦ͠·ͨ͠ɻ

9. WebRTCͱ͸ʢςϯϓϨʣ • W3C͕ఏএ͢ΔP2PϦΞϧλΠϜίϛϡχέʔ γϣϯΛ࣮ݱ͢Δٕज़ • ϓϥάΠϯͳ͠Ͱϒϥ΢βؒͷ΍ΓͱΓ͕Մೳ • ຊ೔͸தͷਓ͕͍Βͬ͠ΌΔͷͰ
 આ໌͸͓೚ͤ͠Α͏ͱࢥ͍·͢ɻ

10. SkyWay: WebRTCΛ؆୯ʹ ࣮ݱ͢ΔαʔϏε https://webrtc.ecl.ntt.com

11. ͯ͞ɾɾɾ

12. ࠓ೔Կͷ࿩Λ͢Δ͔

13. Կͷ࿩Λ͠Α͏ • ٕज़ͷ࿩ʁ • ฐࣾΤϯδχΞ੎ἧ͍ • ͭΒΈͷ࿩ʁ • தͷਓ໨ͷલʹ
 ωΨςΟϒΩϟϯϖʔϯͰ͖·ͤΜʂʂ

14. Կͷ࿩Λ͠Α͏ • ٕज़ͷ࿩ʁ • ฐࣾΤϯδχΞ੎ἧ͍ • ͭΒΈͷ࿩ʁ • தͷਓ໨ͷલʹ
 ωΨςΟϒΩϟϯϖʔϯͰ͖·ͤΜʂʂ

    -> ܦҢͷ࿩͸Ͳ͏ͩΖ͏͔ʁ

15. SkyWayΛಋೖͨ͠ܦҢͷ࿩Λ ͢Ε͹ɺ࠙਌ձͰ࿩͠΍͘͢ ͳΔͷͰ͸ͳ͍ͩΖ͏͔ʂ

16. Weblioӳձ࿩͸
 ͍ͭɺͲ͜ͰɺͩΕ͕ɺ SkyWayΛɺͳͥಋೖͨ͠ͷ͔

17. Weblioӳձ࿩ͷ
 5W1H

18. ᶃWHEN ͍ͭ

19. ϦϦʔε͸2017೥3݄Ͱ͕͢ ͜͜Ͱ͸΋͏গ͠ৄ͘͠

20. WHEN • 2016೥12݄ʹWebRTCҠߦΛܾఆ • ։ൃظؒ4ϲ݄ • ։ൃϝϯόʔ5ਓ • ΞϓϦ΋ಉ࣌ฒߦ

21. ᶄWHERE Ͳ͜

22. ͜ͷ෦෼

23. ౰ॳ͸͜͜΋8FC35$Ͱ ࣮૷͢Δͭ΋ΓͰ͕ͨ͠ ϩάΛ࢒ͨ͢Ίஅ೦

24. ᶅWHO ͩΕ

25. ্௕͕ಋೖΛܾఆ͠·ͨ͠ ແྉͩͬͨͷͰোน͕ ௿͔ͬͨͷ΋ྑ͔ͬͨ

26. ᶆWHAT ͳʹ

27. SkyWay https://webrtc.ecl.ntt.com

28. ͔ͤͬ͘ͳͷͰ ଞͷαʔϏε͸ બ୒͠ͳ͔͔ͬͨ

29. WHAT • 2016೥12݄Ͱ֎෦αʔϏεΛ࢖͏৔߹ͷબ୒ࢶ͸ೋͭ • SkyWay • ָఱʢαʔϏε໊๨Εͯ͠·͍·ͨ͠ɻɻʣ • ແྉͰ࢖͑Δͷ͸SkyWayͷΈͩͬͨ •

    ࣗࣾͰαʔόʔͨͯΔͷ͸ίετͷ໘Ͱͳͩͬͨ͠

30. ᶇWHY ͳͥ

31. ͦ΋ͦ΋ͳͥ WebRTCʹҠߦ͔ͨ͠

32. SkypeͰ΍ͬͯͨࠒ

33. WHY • SkypeͰຊ౰ʹϨοεϯ͍ͯ͠Δͷ͔ • τϥϒϧൃੜ࣌ʹԿ͕ى͖͍ͯΔͷ͔ • 1ਓ1ΞΧ΢ϯτ͔͠࡞Εͳ͔ͬͨ • ֶߍʹఏڙ͢Δ্ͰϚΠφε

34. ݶք͕དྷ͍ͯͨ

35. ࠓͰ΋Skypeͷͱ͜Ζ͕΄ͱ ΜͲͰ͕͢ɺۀքશମͰҠߦ ͷಈ͖͕͋Γ·͢ʂ

36. ᶈHOW ͲͷΑ͏ʹ

37. ϏσΦνϟοτ෦෼ peer2 .on("open", (p2id) => { peer2id = p2id; //

    ૹΓଆ peer1 = new Peer(config); peer1 .on("open", (p1id) => { makeNewCall(); }); }); ͜ͷ1FFS͸ TLZXBZKTΛ
    JNQPSUͨ͠΋ͷ ࣍ϖʔδ

38. ϏσΦνϟοτ෦෼ function makeNewCall() { const constraints = getConstraints(); getUserMedia(constraints) .then((myStream)

    => { console.log("created"); // طଘΦϒδΣΫτΛഁغ if (call !== null) { call.close(); call = null; } if (streamUrl !== null) { URL.revokeObjectURL(streamUrl); streamUrl = null; } console.log("sending stream..."); call = peer1.call(peer2id, myStream, { audioBandwidth: AUDIO_BANDWIDTH, // max audio bandwidth (kbps) videoBandwidth: Number($("#videoBandwidth").val()), // max video bandwidth (kbps) }); }) .catch(errorHandler); } 4USFBNΛऔಘ͠
    1SPNJTFΛฦ͢ औಘͨ͠4USFBNΛDBMM͠
    ૬खʹૹ৴

39. ιʔείʔυ͸GithubΛࢀߟ ʹ͍ͯͩ͘͠͞ʂ https://github.com/weblio/webrtc-kun

40. ͋ͱ͸࠙਌ձͰ ͳΜͰ΋ฉ͍͍ͯͩ͘͞ʂ

41. We are Hiring!

42. ͋Γ͕ͱ͏͍͟͝·ͨ͠