5

我正在创建一个系统,使用户能够跨连接到同一 wifi 网络的设备共享文件。我想要一个所有连接设备的列表,以便我可以选择要发送到的设备(使用 simplepeer JS)。

我已经创建了一个可以使用 simplepeer JS 共享文件的小程序

<p>Your id</p>
<div>
  <textarea id="yourId"></textarea>
</div>
<div><button id="connect_bt">Connect</button></div>

<div style="margin-bottom:20px;">
  <p>Other id</p>
  <div>
    <textarea id="otherId"></textarea>
  </div>
  <div></div>
</div>

<div>
  <textarea id="message_input"></textarea>
  <button id="send_message">Send message</button>
</div>

<pre id="messages"></pre>
<script src="simplepeer/simplepeer.min.js"></script>
var peer = new SimplePeer({
    initiator: location.hash === '#init',
    trickle: false
});

peer.on('signal', function(data) {
    document.getElementById('yourId').value = JSON.stringify(data);
});

document.getElementById('connect_bt')
        .addEventListener('click', function() {
            var other_id = JSON.parse(document.getElementById('otherId').value);
            peer.signal(other_id);
        });

document.getElementById('send_message')
        .addEventListener('click', function() {
            var message = document.getElementById('message_input').value;
            peer.send(message);
        });

peer.on('data', function(data) {
    document.getElementById('messages').textContent += data + '\n';
});

if (peer) {
    //list all devices connected
    var devices_list = //something that returns all devices connected to the same wifi network
    console.log(devices_list)
}
4

0 回答 0