javascript - PubNub 中的 WebRTC 视频流

标签 javascript html webrtc pubnub

我最近接触了 PubNub 的 WebRTC sdk。一切都很顺利,但我在将客户端的视频显示到我的屏幕上时遇到了问题。

正如他们的文档和教程中提到的,我编写了以下代码:

function login(form) {
var pub = <publish_key>;
var sub = <subscribe_key>;
var phone = window.phone = PHONE({
    number        : form.username.value,
    publish_key   : pub,
    origin        :'pubsub.pubnub.com',
    subscribe_key : sub,
    //media         : { audio : true, video : true }
    ssl           :true
});
var ctrl = window.ctrl = CONTROLLER(phone);
    ctrl.ready(function(){ 
        form.username.style.background="#55ff5b";
        form.login_submit.hidden="true";    // Hide login button
        ctrl.addLocalStream(vid_thumb); 
    });
    ctrl.receive(function(session){
        session.connected(function(session){ 
            video_out.appendChild(session.video);
        });
        session.ended(function(session) { ctrl.getVideoElement(session.number).remove(); });
    });
}

    function makeCall(){
    if (!window.phone) alert("Login First!");
        var num = form.number.value;
        if (phone.number()==num) return false; // No calling yourself!
        ctrl.dial(num);
        return false;
    }

一切似乎都正常,但实际的视频没有显示在我的屏幕上。 (我在两台机器上都使用chrome浏览器) 有人可以帮忙吗? 谢谢

最佳答案

我找到了解决方案.. 虽然这是一个非常奇怪的解决方案,但我不能真正说出它是如何解决我的问题的。 我之前将 javascript 代码放入另一个脚本文件中,然后将该文件链接到我的 HTML 页面。但当我将这些代码转移到我的 HTML 页面时,一切似乎都工作得很好。 谢谢大家。

关于javascript - PubNub 中的 WebRTC 视频流,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38332891/

相关文章:

javascript - 正则表达式将 Javascript 字符串拆分为两个字符串

javascript - onerror 当图像不存在时图像不显示?怎么解决这个问题呢?

javascript - 我有大量来自服务器的行数据。如何在新页面(即重定向页面)上显示此数据?

html5-video - TURN 和 STUN 服务器凭证

javascript - 使用 HTML5 进行打印设计

jquery - 声音在HTML网页上无法正常工作

php - 将查询结果传递到另一个页面php

css - 当滚动并将我的导航栏固定在顶部时,它有一个不稳定的运动效果

linux - 如何使用 putty 在 linux 服务器上安装 node.js

raspberry-pi - 我应该使用 RTP 还是 WebRTC 进行本地网络音频通信