javascript - JavaScript 中的 WebRTC

Question

我正在尝试使 WebRTC 成为 JavaScript 中的对象以方便使用。 由于 javascript 在我这边执行，因此我收到一条错误消息，指出 Firebase 未定义。 所以我使用以下代码调用脚本源；

///in this section I am trying to get the firebase.js 
var head=document.getElementsByTagName('head')[0];
var script=document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', "https://cdn.firebase.com/v0/firebase.js");
head.appendChild(script);

之后，我尝试获取对 FireBase 数据库的引用并创建自己的

var dbRef = new Firebase("https://webrtcdemo.firebaseIO.com/");///this is the line i get the error
var roomRef = dbRef.child("rooms");

总结一下我的问题是否可以在 javascript 中使用 WebRTC(引用 Firebase)？如果是这样怎么可能？

谢谢

Answer 1

由于您是从 JavaScript 加载代码，因此您需要等待它加载后再继续:

// define onload handler
function onFirebaseLoad() {
  var dbRef = new Firebase("https://webrtcdemo.firebaseIO.com/");
  var roomRef = dbRef.child("rooms");
  // ...
}

// load the code
var head=document.getElementsByTagName('head')[0];
var script=document.createElement('script');
script.onload = onFirebaseLoad;
script.onreadystatechange = function() {
  if(script.readyState == 'complete') onFirebaseLoad();
};
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', "https://cdn.firebase.com/v0/firebase.js");
head.appendChild(script);