如何使用webRTC適配器的adapter.js？

-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

來源

2016-05-31 Mirai

您需要使用一個模塊加載，如Browserify – sidonaldson

[客戶端節點的可能的複製：未捕獲的ReferenceError：要求沒有被定義（https://stackoverflow.com/questions/19059580/client-on-node-uncaught-referenceerror-require-is-not-defined） – silencedmessage

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>

來源

2016-05-31 15:54:54 wpp

'代碼' \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

不好意思！請給我我，WPP。實際上我無法使用適配器，即使我按照你的說法做了。它可能是錯的嗎？ – Mirai

看起來像你犯了一個錯誤。爲我工作得很好，確保你包含正確的adapter.js版本並閱讀它的API和功能。 – wpp

-1

如果已經選定安裝適配器JS？檢查

npm webrtc-adapter --version

如果沒有出現在節點，將其安裝到您的應用程序

npm install --save webrtc-adapter

來源

2017-03-27 06:09:09

如何使用webRTC適配器的adapter.js？

回答

相關問題