WebRTC 實戰 (6) —— 使用 PeerJS 簡化開發流程

在新理解底層原理後，現在是時候「換上現代化裝備」了。在真實的生產環境中，我們通常會使用成熟的框架來提升開發效率。而 PeerJS 正是其中的佼佼者。

一、 PeerJS 解決了什麼問題？

PeerJS 為 WebRTC 提供了一層優雅的抽象，它幫你處理了最頭痛的三件事：

javascript

const peer = new Peer(); 
peer.on('open', (id) => console.log('我的 ID 是: ' + id));

javascript

const call = peer.call('recipient-id', localStream);
call.on('stream', (remoteStream) => remoteVideo.srcObject = remoteStream);

javascript

peer.on('call', (call) => {
  call.answer(localStream); 
  call.on('stream', (remoteStream) => remoteVideo.srcObject = remoteStream);
});

對於企業級應用，你應該架設自己的 PeerServer：

bash

npm install peer -g
peerjs --port 9000 --path /myapp

PeerJS 簡化了 WebRTC 的開發負擔，讓你能快速實現一對一影音與數據傳輸。下一篇，我們將針對「信令機制的正式封裝」做更深入的探討。

試著利用 PeerJS 製作一個簡單的「隨機聊天室」。