วิธีสร้างการเชื่อมต่อเบราว์เซอร์ไปยังเบราว์เซอร์ (Peer-to-Peer) ใน HTML

ขั้นตอนการสร้างการเชื่อมต่อ Peer-to-Peer ระหว่างเบราว์เซอร์

เพื่อสร้างการเชื่อมต่อโดยตรงระหว่างเบราว์เซอร์ (Peer-to-Peer) สามารถทำตามขั้นตอนด้านล่างได้:

1. นำเข้าไลบรารี PeerJS

เพิ่มสคริปต์ต่อไปนี้ในหน้า HTML:

<script src="https://cdn.peerjs.com/0.3/peer.js"></script>

2. สร้าง Peer (Peer Instance)

ต้องมี API Key ฟรีจาก PeerJS ก่อน แล้วสร้าง Peer ด้วยรหัสที่ต้องการ:

var peer = new Peer('pick-an-id', {key: 'myapikey'});

3. เชื่อมต่อกับ Peer อื่น

ใช้เมธอด connect โดยระบุ ID ของ Peer ปลายทาง:

var conn = peer.connect('another-peers-id');
conn.on('open', function(){
    conn.send('Welcome!');
});

เมื่อเชื่อมต่อสำเร็จ เหตุการณ์ open จะถูกเรียก และสามารถส่งข้อมูลได้ทันที