Created
April 13, 2013 09:03
-
-
Save KensakuKOMATSU/5377673 to your computer and use it in GitHub Desktop.
Peer.jsのチャットサンプルコード（UTF-8対応版ｗ）
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <script type="text/javascript" src="./lib/jquery-1.9.1.min.js"></script> | |
| <script type="text/javascript" src="./lib/peer.js"></script> | |
| </head> | |
| <body> | |
| <form id="connect"> | |
| <strong>connect to broker</strong><br> | |
| <label>your id:</label><input type="text" name="myid"> | |
| <button type="submit">connect to broker</button> | |
| </form> | |
| <form id="call"> | |
| <strong>call to peer</strong><br> | |
| <label>remote peer id:</label><input type="text" name="remoteid"> | |
| <button type="submit">call</button> | |
| </form> | |
| <form id="chat"> | |
| <strong>chat</strong><br> | |
| <input type="text"> | |
| <button type="submit">send</button> | |
| </form> | |
| <div> | |
| <dl> | |
| </dl> | |
| </div> | |
| <script> | |
| var peer_, conn_; | |
| var enableForm_ = function(id) { | |
| $("form").each(function(e){ | |
| $(this).find("button").attr("disabled", $(this).attr("id") === id ? false : "disabled"); | |
| }) | |
| } | |
| var setupForRemote_ = function(conn) { | |
| if(!!conn) conn_ = conn; | |
| enableForm_("chat"); | |
| conn_.on("data", function(data){ | |
| showChat_(conn_.peer, data) | |
| }); | |
| } | |
| var showChat_ = function(id, mesg) { | |
| $("<dt>"+id+"</dt><dd>"+mesg+"</dd>").appendTo("dl") | |
| } | |
| $("form#connect").submit(function(e){ | |
| e.preventDefault(); | |
| $(this).find("button").attr("disabeld", "disabled") | |
| var id = $(this).find("input[name=myid]").val(); | |
| peer_ = Peer(id, { | |
| "host": "localhost", | |
| "port": 9000 | |
| }); | |
| peer_.on('connection', setupForRemote_); | |
| enableForm_("call") | |
| }) | |
| $("form#call").submit(function(e){ | |
| e.preventDefault(); | |
| var id = $(this).find("input[name=remoteid]").val(); | |
| conn_ = peer_.connect(id, {"serialization": "binary-utf8"}); | |
| conn_.on('open', setupForRemote_); | |
| }) | |
| $("form#chat").submit(function(e){ | |
| e.preventDefault(); | |
| var mesg = $(this).find("input").val(); | |
| showChat_("me", mesg) | |
| conn_.send(mesg) | |
| }) | |
| function init(){ | |
| enableForm_("connect") | |
| } | |
| init(); | |
| </script> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var PeerServer = require('peer').PeerServer; | |
| var server = new PeerServer({ port: 9000 }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment