Question

我正在尝试使用webrtc将计算机“a”连接到计算机“b”，并在计算机“a”的画布上单击鼠标时打印出计算机“b”上的“单击”。我已经创建了一个有效的webrtc示例，我在计算机“a”和“b”之间建立连接，并使用文本框（聊天）在它们之间发送消息。

我知道将click事件附加到文档中。当用户单击文档中的任何位置时，将显示输出“单击”。

document.addEventListener("click", function(){
message.value= "Click!";
});

这些是我的一些webrtc功能，我没有发布我的所有webRTC功能，因为我不想再提问题了，它已经是。

// a nice wrapper to send data
function send (room, key, data) {
roomRef.child(room).child(key).set(data);
}

// wrapper function to receive data
function recv (room, type, cb) {
roomRef.child(room).child(type).on("value", function (snapshot, key) {
    var data = snapshot.val();
    if (data) { cb(data); }
});
}
// get references to the document tags
var chatlog = document.getElementById("chatlog");
var message = document.getElementById("message");


function bindEvents () {
channel.onopen = function () { console.log("Channel Open"); }
channel.onmessage = function (e) {
    // add the message to the chat log
    chatlog.innerHTML += "<div>Peer says: " + e.data + "</div>";
};
}

// send a message the textbox throught
// the data channel for a chat program
function sendMessage () {
var msg = message.value;
channel.send(msg);
message.value = "";
}

我的问题是我不知道如何将这两个代码连接在一起，或者即使我这样做，我也不确定它是否会起作用。所以我的问题是如何点击计算机上的画布“a”并获取文本框以打印出计算机“b”上的“点击”。

感谢您阅读

Answer 1

您可以查看node.js和socket.io。通过这两个，您可以将多个客户端连接在一起，并在它们之间进行实时通信。另一种方法是使用ajax和php，并使一个浏览器从服务器轮询新命令，并将其他浏览器发送到服务器。

Answer 2

你大部分都在那里。您可以做的是，在设置message.value属性后，调用sendMessage()函数。这应该触发应用程序通过WebRTC连接发送正确的值。

使用webrtc将鼠标单击发送到另一台计算机

2 个答案: