2016-05-31 6 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

[노드에서 클라이언트의 사용 가능한 복제되지 않은 경우 : catch되지 않은 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 \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. 사실 내가 U로 말한 것처럼 어댑터를 사용할 수 없습니다. 뭔가 잘못되었을 수 있니? – Mirai

+0

실수 한 것처럼 보입니다. 나를 위해 잘 작동, 당신이 바로 adapter.js 버전을 포함하고 그것에 API와 기능을 읽어 보시기 바랍니다. – wpp

-1

을 추가? 체크

npm webrtc-adapter --version 

npm install --save webrtc-adapter