オンライン英会話とSkyWay

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

ࣙॻҎ֎ʹ ӳձ࿩αʔϏεΛ΍͍ͬͯ ·͢

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

2017೥3݄1೔ΑΓɺWebRTCΛ ࢖༻ͨ͠Ϩοεϯʹ Ҡߦ͠·ͨ͠ɻ

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

ͯ͞ɾɾɾ

Slide 12

Slide 12 text

ࠓ೔Կͷ࿩Λ͢Δ͔

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Կͷ࿩Λ͠Α͏ • ٕज़ͷ࿩ʁ • ฐࣾΤϯδχΞ੎ἧ͍ • ͭΒΈͷ࿩ʁ • தͷਓ໨ͷલʹ  ωΨςΟϒΩϟϯϖʔϯͰ͖·ͤΜʂʂ -> ܦҢͷ࿩͸Ͳ͏ͩΖ͏͔ʁ

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

Weblioӳձ࿩ͷ  5W1H

Slide 18

Slide 18 text

ᶃWHEN ͍ͭ

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

ᶄWHERE Ͳ͜

Slide 22

Slide 22 text

͜ͷ෦෼

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

ᶅWHO ͩΕ

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

ᶆWHAT ͳʹ

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

ᶇWHY ͳͥ

Slide 31

Slide 31 text

ͦ΋ͦ΋ͳͥ WebRTCʹҠߦ͔ͨ͠

Slide 32

Slide 32 text

SkypeͰ΍ͬͯͨࠒ

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

ݶք͕དྷ͍ͯͨ

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

ᶈHOW ͲͷΑ͏ʹ

Slide 37

Slide 37 text

ϏσΦνϟοτ෦෼ peer2 .on("open", (p2id) => { peer2id = p2id; // ૹΓଆ peer1 = new Peer(config); peer1 .on("open", (p1id) => { makeNewCall(); }); }); ͜ͷ1FFS͸ TLZXBZKTΛ JNQPSUͨ͠΋ͷ ࣍ϖʔδ

Slide 38

Slide 38 text

ϏσΦνϟοτ෦෼ 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͠ ૬खʹૹ৴

Slide 39

Slide 39 text

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