提供: 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);