提供: tty00
(ページの作成:「== はじめに == [http://peerjs.com/ PeerJS]はWebRTCのライブラリ。 == 開発環境 == === PeerServer === *node.jsのnpmコマンド npm install peer *サー...」) |
|||
行9: | 行9: | ||
*サーバの起動 | *サーバの起動 | ||
peerjs --debug --port 9000 | peerjs --debug --port 9000 | ||
+ | |||
+ | == サンプルコード == | ||
+ | main.js | ||
+ | <source lang=javascript> | ||
+ | main = function() { | ||
+ | |||
+ | var peer = new Peer(options = {host: 'localhost', port: 9000, path: '/'}); | ||
+ | var my_peer_id = null; | ||
+ | var conn = null; | ||
+ | |||
+ | //PeerServerに接続したときのイベント | ||
+ | peer.on('open', function(id) { | ||
+ | console.log('peer.on:open'); | ||
+ | my_peer_id = id; | ||
+ | $('#my_peer_id').append( my_peer_id ); | ||
+ | }); | ||
+ | |||
+ | //別のpeerから接続されたときのイベント | ||
+ | peer.on('connection', function(dest_conn) { | ||
+ | console.log('peer.on:connection'); | ||
+ | //データを受信したときのイベント | ||
+ | dest_conn.on('data', function(data) { | ||
+ | console.log('dataConnection.on:data'); | ||
+ | var msg = '<p>' + data + '</p>'; | ||
+ | $('#console').append(msg); | ||
+ | dest_conn.send('Hello! from ' + my_peer_id); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | peer.on('close', function() { | ||
+ | console.log('peer.on:close'); | ||
+ | }); | ||
+ | |||
+ | peer.on('disconnected', function() { | ||
+ | console.log('peer.on:disconnected'); | ||
+ | }); | ||
+ | |||
+ | $('#connect').click(function() { | ||
+ | var dest_peer_id = $('#dest_peer_id').val(); | ||
+ | conn = peer.connect(dest_peer_id); | ||
+ | |||
+ | //コネクションが確立したときのイベント | ||
+ | conn.on('open', function() { | ||
+ | console.log('dataConnection.on:open'); | ||
+ | conn.send('Hello! from ' + my_peer_id); | ||
+ | }); | ||
+ | |||
+ | //コネクションが閉じたときのイベント | ||
+ | conn.on('close', function() { | ||
+ | console.log('dataConnection.on:close'); | ||
+ | }); | ||
+ | |||
+ | //データを受信したときのイベント | ||
+ | conn.on('data', function(data) { | ||
+ | console.log('dataConnection.on:data'); | ||
+ | var msg = '<p>' + data + '</p>'; | ||
+ | $('#console').append(msg); | ||
+ | }); | ||
+ | }); | ||
+ | }; | ||
+ | |||
+ | $(main); | ||
+ | </source> |
2014年9月7日 (日) 23:00時点における版
はじめに
PeerJSはWebRTCのライブラリ。
開発環境
PeerServer
- node.jsのnpmコマンド
npm install peer
- サーバの起動
peerjs --debug --port 9000
サンプルコード
main.js
main = function() { var peer = new Peer(options = {host: 'localhost', port: 9000, path: '/'}); var my_peer_id = null; var conn = null; //PeerServerに接続したときのイベント peer.on('open', function(id) { console.log('peer.on:open'); my_peer_id = id; $('#my_peer_id').append( my_peer_id ); }); //別のpeerから接続されたときのイベント peer.on('connection', function(dest_conn) { console.log('peer.on:connection'); //データを受信したときのイベント dest_conn.on('data', function(data) { console.log('dataConnection.on:data'); var msg = '<p>' + data + '</p>'; $('#console').append(msg); dest_conn.send('Hello! from ' + my_peer_id); }); }); peer.on('close', function() { console.log('peer.on:close'); }); peer.on('disconnected', function() { console.log('peer.on:disconnected'); }); $('#connect').click(function() { var dest_peer_id = $('#dest_peer_id').val(); conn = peer.connect(dest_peer_id); //コネクションが確立したときのイベント conn.on('open', function() { console.log('dataConnection.on:open'); conn.send('Hello! from ' + my_peer_id); }); //コネクションが閉じたときのイベント conn.on('close', function() { console.log('dataConnection.on:close'); }); //データを受信したときのイベント conn.on('data', function(data) { console.log('dataConnection.on:data'); var msg = '<p>' + data + '</p>'; $('#console').append(msg); }); }); }; $(main);