16
1 WebRTC Conference Japan WebRTC DataChannelの活法とその可能性 2015/2/6 13:00-13:20 @ソラシティカンファレンスセンター Mist Technologies 株式会社 CEO/Founder 中 晋太朗(たなか しんたろう / Shintaro TanakaTwitter: @qpSHiNqp

Data channelの活用方法とその可能性 - WebRTC Conference Japan

Embed Size (px)

Citation preview

  • 1

    WebRTC Conference Japan

    WebRTC DataChannel2015/2/6 13:00-13:20 @

    Mist Technologies CEO/Founder / Shintaro TanakaTwitter: @qpSHiNqp

  • 2

    @qpSHiNqp Mist Technologies

    http://www.mist-t.co.jp/ MistCDNP2PCDN

  • 3

    WebRTC DataChannel

    +

  • 4

    WebRTC DataChannel

  • 5

    P2P ,

    ArrayBuffer, ArrayBufferView, Blob, Stringsend

    WebRTC DataChannel

    var peerConnection = new RTCPeerConnection(); !var dataChannel = !

    peerConnection.createDataChannel(hogehoge, dcOptions); !// dcOptionsSCTPconfig!

    dataChannel.onmesage = function(evt) { !console.log(evt.data); !

    }; !// ) createDataChannelcreateOffer/Answer!dataChannel.send(This is a test message.); //

  • 6

    1 SCTP createDataChannel2 maxRetransmitTime maxRetransmitsReliable (TCP)

    DataChannel

    SCTP TCPUDP Configurable1

    DTLS Payload

    UDP SCTPTransport UDP

    IP

    WebRTC DataChannel

    var dcOptions = { ! ordered: false, ! maxRetransmitTime: 3000, ! maxRetransmits: 5 !}; !var dc = ! pc.createDataChannel( ! foo, dcOptions);

  • 7

    ?

  • 8

    DHT () ChordWebRTC

    WebRTC key:value

    DataChannelinsert / retrieve

    KVS DB scalablePure-P2P ()

    webrtc-chord 1: DHT https://github.com/tsujio/webrtc-chord

    http://ntsujio.hatenablog.com/entry/2014/07/03/221023

  • 9

    P2P File APIArrayBuffersend() up

    Sharefest

    https://www.sharefest.me

    ShareDrop http://sharedrop.io

    WebDrop 2: http://wdrop.in

  • 10

    String ArrayBuffer Blob ArrayBufferView

    onmessage

    1

    Chrome 40.0 OK

    OK ()

    (Error) OK ArrayBuffer

    Opera 24.0 OK

    OK ()

    (Error) OK ArrayBuffer

    Firefox 34.0 OK OK OK OK Blob

    - 2:

    1. ChromeBlobsendonmessageArrayBuffer

    BinaryPackpack BlobArrayBufferArrayBuffer

  • 11

    1. UDP

    Buffering & Chunk 2. SDP (Chrome)

    SDP1 (b=AS:1638400)

    - 2:

    1. https://bloggeek.me/send-file-webrtc-data-api/ 2. UDP65515

    (SCTPreliable, localhost) Chrome Chrome 256KBDataChannelclose

    66528B2chunk Firefox Firefox (?)

    chunk, onmessage1 Firefox Chrome ; 16KBchunk

    Chromechunkonmessage Chrome Firefox

    Firefoxchunkonmessage

  • 12

    DataChannel WebWeb

    CDN-edge

    CDN

    MistCDN3: P2PCDN http://www.mist-t.co.jp/

    Web

    CDN

    CDN

  • 13

    CDN

    PeerCDN, Peer5, Swarmify

    StreamRoot, BemTV ()

    MistCDN3: P2PCDN http://www.mist-t.co.jp/

  • 14

    , WebRTC

    Peer

    P2PCDN3: P2PCDN

  • 15

    Pure P2PP2P SkyWayPaaS webrtc-chordDHT / P2PCDNWebSkype, Ustream

    DataChannel Web ? ?

    WebRTCDiscussion

  • SlideShare: http://goo.gl/Xvv0JL

    [email protected] []