オンライン英会話とSkyWay

SkyWay UG Kansai #1
https://skyway.connpass.com/event/74875/

1. ΦϯϥΠϯӳձ࿩ͱ
 SkyWay SkyWay UG Kansai #1 2018/01/12 େౡ ޫو@sbntaminif
2. ࣗݾ঺հ • ΢ΣϒϦΦגࣜձࣾWEBΤϯδχΞ + ϓϩμΫτ Ϛωʔδϟʔ • খ͍͞Ͱ͕͢ຊ೔εϙϯαʔ͍͍͓ͤͯͨͩͯ͞Γ ·͢ʂ • ීஈ͸ژ౎Ͱಇ͍͍ͯ·͢
3. http://ejje.weblio.jp/content/ios
4. ΦϯϥΠϯࣙॻΛఏڙ͢Δ WebαʔϏε
5. ࣙॻҎ֎ʹ ӳձ࿩αʔϏεΛ΍͍ͬͯ ·͢
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. ͋Γ͕ͱ͏͍͟͝·ͨ͠