2016-05-31 11 views
-1

WebRTCアプリケーションを作成していて、次の問題があります。webRTC-adapterの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(...)行を単純に削除することができます。

編集:あなたは、アダプタのJSをインストールするチェックした場合の例

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関数() \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

を追加しましたか? チェック

npm webrtc-adapter --version 

ノードに表示されない場合は、あなたのアプリ

npm install --save webrtc-adapter