RTCPeerConnection 是否适用于 Microsoft Edge?
Does RTCPeerConnection work in Microsoft Edge?
我目前正在使用 WebRTC 开发 VoIP。这将是一个用 JavaScript.
编写的 UWP 应用程序
现在,我正在尝试通过在 Microsoft Edge 上测试来自 https://webrtc.github.io/samples 的示例来检查它是否有效。
事实证明它工作正常除了 RTCPeerConnection
。
例如,当我在 Edge 中打开 https://webrtc.github.io/samples/src/content/peerconnection/audio 时,当我单击调用按钮时它给了我 getUserMedia() error: NotFoundError
。在 Chrome 上,它工作正常。
另一个例子是当我尝试 https://apprtc.appspot.com 时,它给了我
Messages:
Error getting user media: null
getUserMedia error: Failed to get access to local media. Error name was NotFoundError. Continuing without sending a stream.
Create PeerConnection exception: InvalidAccessError
Version:
gitHash: c135495bc71e5da61344f098a8209a255f64985f
branch: master
time: Fri Apr 8 13:33:05 2016 +0200
那么,我该如何解决呢? Adapter.js
也叫。我也允许它需要的一切。
或者我不应该为这个项目使用 WebRTC。如果是这样,我应该使用什么?
干杯!
Microsoft Edge 实现了 ORTC,它是 WebRTC 的低级分散表亲,没有总体 RTCPeerConnection
对象。
但好消息是 adapter.js,官方 WebRTC polyfill,在 Edge 上为您填充 RTCPeerConnection
,因此您应该能够在所有浏览器上以相同的方式使用 WebRTC。
例如,这个演示适用于 Edge、Firefox 和 Chrome。
var pc1 = new RTCPeerConnection(), pc2 = new RTCPeerConnection();
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
.then(stream => pc1.addStream(video1.srcObject = stream))
.catch(log);
var add = (pc, can) => can && pc.addIceCandidate(can).catch(log);
pc1.onicecandidate = e => add(pc2, e.candidate);
pc2.onicecandidate = e => add(pc1, e.candidate);
pc2.onaddstream = e => video2.srcObject = e.stream;
pc1.oniceconnectionstatechange = e => log(pc1.iceConnectionState);
pc1.onnegotiationneeded = e =>
pc1.createOffer().then(d => pc1.setLocalDescription(d))
.then(() => pc2.setRemoteDescription(pc1.localDescription))
.then(() => pc2.createAnswer()).then(d => pc2.setLocalDescription(d))
.then(() => pc1.setRemoteDescription(pc2.localDescription))
.catch(log);
var log = msg => div.innerHTML += "<br>" + msg;
<video id="video1" width="160" height="120" autoplay muted></video>
<video id="video2" width="160" height="120" autoplay></video><br>
<div id="div"></div>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
您应该先检查您的隐私设置,以允许 Edge 访问您的媒体设备。
https://privacy.microsoft.com/en-us/windows-10-camera-and-privacy
我目前正在使用 WebRTC 开发 VoIP。这将是一个用 JavaScript.
编写的 UWP 应用程序现在,我正在尝试通过在 Microsoft Edge 上测试来自 https://webrtc.github.io/samples 的示例来检查它是否有效。
事实证明它工作正常除了 RTCPeerConnection
。
例如,当我在 Edge 中打开 https://webrtc.github.io/samples/src/content/peerconnection/audio 时,当我单击调用按钮时它给了我 getUserMedia() error: NotFoundError
。在 Chrome 上,它工作正常。
另一个例子是当我尝试 https://apprtc.appspot.com 时,它给了我
Messages:
Error getting user media: null
getUserMedia error: Failed to get access to local media. Error name was NotFoundError. Continuing without sending a stream.
Create PeerConnection exception: InvalidAccessError
Version:
gitHash: c135495bc71e5da61344f098a8209a255f64985f
branch: master
time: Fri Apr 8 13:33:05 2016 +0200
那么,我该如何解决呢? Adapter.js
也叫。我也允许它需要的一切。
或者我不应该为这个项目使用 WebRTC。如果是这样,我应该使用什么?
干杯!
Microsoft Edge 实现了 ORTC,它是 WebRTC 的低级分散表亲,没有总体 RTCPeerConnection
对象。
但好消息是 adapter.js,官方 WebRTC polyfill,在 Edge 上为您填充 RTCPeerConnection
,因此您应该能够在所有浏览器上以相同的方式使用 WebRTC。
例如,这个演示适用于 Edge、Firefox 和 Chrome。
var pc1 = new RTCPeerConnection(), pc2 = new RTCPeerConnection();
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
.then(stream => pc1.addStream(video1.srcObject = stream))
.catch(log);
var add = (pc, can) => can && pc.addIceCandidate(can).catch(log);
pc1.onicecandidate = e => add(pc2, e.candidate);
pc2.onicecandidate = e => add(pc1, e.candidate);
pc2.onaddstream = e => video2.srcObject = e.stream;
pc1.oniceconnectionstatechange = e => log(pc1.iceConnectionState);
pc1.onnegotiationneeded = e =>
pc1.createOffer().then(d => pc1.setLocalDescription(d))
.then(() => pc2.setRemoteDescription(pc1.localDescription))
.then(() => pc2.createAnswer()).then(d => pc2.setLocalDescription(d))
.then(() => pc1.setRemoteDescription(pc2.localDescription))
.catch(log);
var log = msg => div.innerHTML += "<br>" + msg;
<video id="video1" width="160" height="120" autoplay muted></video>
<video id="video2" width="160" height="120" autoplay></video><br>
<div id="div"></div>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
您应该先检查您的隐私设置,以允许 Edge 访问您的媒体设备。 https://privacy.microsoft.com/en-us/windows-10-camera-and-privacy