2016-05-31 670 views
-1

我正在写一个WebRTC应用程序,并且有以下问题:如何使用webRTC适配器的adapter.js?

我想使用adapter.js库。

我有以下的index.html:

<html> 
    <header> 
    <script src='../out/adapter.js'></script> 
    <script src='../out/main.js'></script> 
    </header> 
    <body> 
    <video id="localVideo" width='500' autoplay></video> 
    </body> 
</html> 

和我main.js样子:

var adapter=require('webrtc-adapter'); 
var localVideo=document.querySelector('video#localVideo'); 
navigator.getUserMedia(media_constraints, handleUserMedia, handleUserMediaError); 
function handleUserMedia(stream) {   
    localStream = stream;   
    adapter.attachMediaStream(localVideo, stream);   
    console.log('Adding local stream.'); 
} 

但我的浏览器记录错误:Uncaught ReferenceError: require is not defined

+0

您需要使用一个模块加载,如Browserify – sidonaldson

+0

[客户端节点的可能的复制:未捕获的ReferenceError:要求没有被定义(https://stackoverflow.com/questions/19059580/client-on-node-uncaught-referenceerror-require-is-not-defined) – silencedmessage

回答

2

require使用(并在Node.js环境中定义)来加载模块。 (不完全是,更多信息请查询here)。

如果您从here下载了adapter.js版本,并按照您的操作方式(通过script标签)将其包含在内,那么您可以简单地删除require(...)行,您应该很好。

编辑:添加了一个例子

console.log(adapter.browserDetails.browser);
<script src="http://webrtc.github.io/adapter/adapter-latest.js"></script>

+0

'代码' \t \t \t \t \t <脚本类型= '文本/ JavaScript的'> \t \t \t函数a() \t \t \t { \t \t \t警报(detectBrowser()); \t \t \t} \t \t \t \t \t \t \t \t \t <按钮的ID = '浏览器' 的onclick = “一个()”>作为 \t '代码' 和我得到了“detectBrowser没有定义”。 – Mirai

+0

不好意思!请给我我,WPP。实际上我无法使用适配器,即使我按照你的说法做了。它可能是错的吗? – Mirai

+0

看起来像你犯了一个错误。为我工作得很好,确保你包含正确的adapter.js版本并阅读它的API和功能。 – wpp

-1

如果已经选定安装适配器JS? 检查

npm webrtc-adapter --version 

如果没有出现在节点,将其安装到您的应用程序

npm install --save webrtc-adapter