【发布时间】：2017-01-30 11:48:02
【问题描述】：
我正在尝试按照 PubNub 教程 (https://www.pubnub.com/blog/2015-08-25-webrtc-video-chat-app-in-20-lines-of-javascript/) 构建我的第一个 WebRTC 应用程序；但是，它根本没有工作。我对编程相当陌生，因此将不胜感激任何帮助。下面是我的代码。请注意，我已经创建了一个帐户，并且有自己的“pub”和“sub”，我已经适当地插入了它们。
<!DOCTYPE html>
<html>
<div id="vid-box"></div>
<form name="loginForm" id="login" action="#" onsubmit="return login(this);">
<input type="text" name="username" id="username" placeholder="Pick a username!" />
<input type="submit" name="login_submit" value="Log In">
</form>
<form name="callForm" id="call" action="#" onsubmit="return makeCall(this);">
<input type="text" name="number" placeholder="Enter user to dial!" />
<input type="submit" value="Call"/>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.pubnub.com/pubnub.min.js"></script>
<script src="js/webrtc.js"></script>
<script type="text/javascript">
var video_out = document.getElementById("vid-box");
function login(form) {
var phone = window.phone = PHONE({
number : form.username.value || "Anonymous", // listen on username line else Anonymous
publish_key : 'MY OWN PUB KEY',
subscribe_key : 'MY OWN SUB KEY',
});
phone.ready(function(){ form.username.style.background="#55ff5b"; });
phone.receive(function(session){
session.connected(function(session) { video_out.appendChild(session.video); });
session.ended(function(session) { video_out.innerHTML=''; });
});
return false; // So the form does not submit.
}
function makeCall(form){
if (!window.phone) alert("Login First!");
else phone.dial(form.number.value);
return false;
}
</script>
</html>
【问题讨论】：
-
请更具体一点：什么失败了？您收到任何错误消息吗？
-
欢迎来到堆栈溢出，如果你读到这个：stackoverflow.com/help/how-to-ask 它将解释这里的工作原理。如果没有更多信息，简单地发布代码并询问“为什么这不起作用”是不可能回答的。请编辑您的问题，否则最终会被删除
-
我为您找到了解决办法。我将尽快提交答案。
-
答案已提交！包括用于演示的动画 gif 视频。
标签： javascript html webrtc pubnub