how to use adapter.js of webRTC-adapter?

Mirai picture Mirai · May 31, 2016 · Viewed 17.2k times · Source

I am writing a WebRTC application and have the following problem:

I want to use the adapter.js library.

I have the following 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>

and my main.js looks like:

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.');  
}

but my browser logs the error: Uncaught ReferenceError: require is not defined

Answer

wpp picture wpp · May 31, 2016

require is used (and defined) in Node.js environments to load modules. (Not exclusively, for more information check here).

If you downloaded an adapter.js version from here and include it the way you do (via script tags), you can simple delete the require(...) line and you should be good to go.

Edit: added an example

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