将peerJS功能分配给按钮

时间:2014-05-07 16:29:59

标签: javascript html5 peerjs

我试图在点击按钮时简单地将peerJS publish(m)函数指定给按钮, 但是发布(m)不会将消息发送到其他浏览器页面。

如果我调用publish()函数(而非click事件),我会在另一个浏览器上收到消息。

谢谢, 罗伊

发件人方代码:

<body>
<script>
var peer = new Peer('controller', {key: 'xy7qd39u68wljtt9'});
var conn = peer.connect('game');

function publish(m) {
conn.on('open', function(){
conn.send(m);
  }); 
};

//This is working :
publish("i'm working");

</script>

<button onmousedown="publish('not working')">send</button>
</body>

接收方代码:

<script>
var peer = new Peer('game', {key: 'xy7qd39u68wljtt9'});
peer.on('connection', function(conn) {
conn.on('data', function(m){
// Will print the value of (m)
console.log(m);
  });
});
</script>

1 个答案:

答案 0 :(得分:1)

好的, 问题解决了! publish()函数也应该包含在其中

var conn = peer.connect('game');

这是将功能分配给按钮的代码:

<script>
var peer = new Peer('controller', {key: '9m31layevq3vunmi'});

function publish(m) {
var conn = peer.connect('game');
conn.on('open', function(){
conn.send(m);
  }); 
 }

</script>
<button onmousedown="publish('now im working')">send<button>