创建视频聊天应用程序时出现 WebRTC 错误 [英] WebRTC error while creating video chat app

查看:92
本文介绍了创建视频聊天应用程序时出现 WebRTC 错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在刷新页面时在控制台上收到此错误.. 其他一切正常,聊天和其他一切.. 只是流媒体部分不起作用

I am getting this error on console while refreshing the page.. Everythng else works fine the Chats and everthing.. just the streaming part is not working

NotSupportedError: MediaStreamError
    at module.exports (http://192.168.1.10:9966/index.js:3081:17)
    at Object.1.getusermedia (http://192.168.1.10:9966/index.js:4:1)
    at o (http://192.168.1.10:9966/index.js:1:265)
    at r (http://192.168.1.10:9966/index.js:1:431)
    at http://192.168.1.10:9966/index.js:1:460

在创建视频聊天应用时

这是我的 index.js

This is my index.js

var getUserMedia = require('getusermedia')

getUserMedia({video: true, audio: false}, function (err, stream) {
    var Peer = require('simple-peer')
    var peer = new Peer({
        initiator: location.hash === '#init',
        trickle: false,
        stream: stream
    })

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

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

    document.getElementById('send').addEventListener('click', function () {
        var yourMessage = document.getElementById('yourMessage').value
        peer.send(yourMessage)
    })

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

    peer.on('stream', function (stream) {
        var video = document.createElement('video')
        document.body.appendChild(video)

        video.src = window.URL.createObjectURL(stream)
        video.play()
    })
})

这是我的 index.html

This is my index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CHatting Video</title>
</head>
<body>

<label>Your ID:</label><br/>
<textarea id="yourId"></textarea><br/>
<label>Other ID:</label><br/>
<textarea id="otherId"></textarea>
<button id="connect">connect</button>
<br/>

<label>Enter Message:</label><br/>
<textarea id="yourMessage"></textarea>
<button id="send">send</button>
<pre id="messages"></pre>

<script src="index.js" charset="utf-8"></script>
</body>
</html>

当我向其他浏览器发送消息时它可以正常工作但对于视频聊天它不起作用关于如何解决这个问题的任何想法.????

When I send a message to other browser it works fine but for video chat it does not work Any Idea on how to fix this.????

推荐答案

我收到了错误..我使用的是 getUserMedia 而不是 navigator.getUserMedia

I got the error.. I was using getUserMedia instead of navigator.getUserMedia

getUserMedia 已被弃用.

getUserMedia has been deprecated.

这篇关于创建视频聊天应用程序时出现 WebRTC 错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆