在 HTML 中使用 WebRTC 需要通过 JavaScript API 来实现。首先,需要在 HTML 文件中引入 WebRTC 的 JavaScript 库,可以通过以下代码实现:
<script src="https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/7.5.2/adapter.min.js"></script>
接下来,需要创建一个 RTCPeerConnection 对象来建立连接。可以使用以下代码:
const pc = new RTCPeerConnection();
然后,需要获取本地媒体流,可以使用以下代码:
const stream = await navigator.mediaDevices.getUserMedia({audio: true, video: true});
pc.addStream(stream);
接着,需要创建一个 DataChannel 对象来传输数据,可以使用以下代码:
const channel = pc.createDataChannel("myChannel");
channel.onmessage = (event) => console.log(event.data);
最后,需要将本地媒体流和 DataChannel 发送给远程连接,可以使用以下代码:
pc.createOffer().then((offer) => {
pc.setLocalDescription(offer);
// 将 offer 发送给远程连接
});
以上是 WebRTC 在 HTML 中的基本使用方法,需要注意的关键词包括 RTCPeerConnection、getUserMedia、createDataChannel、createOffer 等。同时,在使用 WebRTC 进行实时通信时,需要注意安全性和性能优化等方面的问题。