как использовать adapter.js из webRTC-адаптера?

Я пишу приложение WebRTC и имею следующую проблему:

Я хочу использовать библиотеку 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


person Mirai    schedule 31.05.2016    source источник
comment
Вам необходимо использовать загрузчик модулей, например Browserify.   -  person sidonaldson    schedule 30.08.2016
comment
Возможный дубликат Клиент на узле: Uncaught ReferenceError: require не определен   -  person silencedmessage    schedule 04.11.2017


Ответы (2)


require используется (и определяется) в средах Node.js для загрузки модулей. (Не исключительно; дополнительную информацию см. здесь).

Если вы загрузили версию adapter.js из здесь и включите ее так, как вы это делаете (с помощью тегов script) вы можете просто удалить строку require(...), и все будет в порядке.

Изменить: добавлен пример

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

person wpp    schedule 31.05.2016
comment
'code' ‹html› ‹head› ‹script src = 'adapter.js'› ‹/script› ‹тип сценария = 'text / javascript'› функция a () {alert (detectBrowser ()); } ‹/Script› ‹/head› ‹body› ‹button id = 'browser' onclick = a ()› as ‹/button› ‹/body› ‹/html› 'code' и я получил detectBrowser не определяется. - person Mirai; 31.05.2016
comment
Извините меня! пожалуйста, меня, WPP. на самом деле я не могу использовать адаптер, даже если я сделал, как ты сказал. Может что-то не так? - person Mirai; 03.06.2016
comment
Похоже, вы ошиблись. У меня все работает нормально, убедитесь, что вы включили правильную версию adapter.js и ознакомились с ее API и функциями. - person wpp; 03.06.2016
comment
я действительно не знаю, как ценить вашу помощь. На самом деле большое спасибо. У меня были большие проблемы с адаптером.js - person Mirai; 11.06.2016
comment
Я хотел бы спросить вас еще об одном. Это библиотека adapter.js. При использовании библиотеки jsoup я ищу для нее документы, чтобы использовать ее эффективно. Но я с трудом нашел документы адаптера.js. Если я прочитал весь файл, чтобы узнать об этом, действительно потребовалось много времени. - person Mirai; 11.06.2016
comment
Не уверен, что тебе здесь нужно от меня? Может ты это ищешь? webrtc.org/web-apis/interop - person wpp; 13.06.2016
comment
извините за это. Но я поискал там, а потом я не увидел зацепки, поэтому я пришел сюда, чтобы спросить после 2 недель поиска в Интернете. - person Mirai; 15.06.2016
comment
Могу я спросить у вас, как использовать функцию attach (element, stream) в adapter.js? потому что я знал, что поиск займет больше времени, пока он мне нужен. Можно ли использовать его как adapter.browser.attach (element, stream) '? Извините за то, что так раздражаю. - person Mirai; 15.06.2016
comment
Не могли бы вы разрешить мне связаться с вами по электронной почте? На самом деле, я новичок в javascript, но моя работа часто вызывается с помощью javascript. Я читал много руководств по javascript и пробовал много чего, но в этом языке есть что-то, чего я не понимаю. Речь идет о логике программирования и синтаксисе, а не о том, как написать целевую функцию. - person Mirai; 15.06.2016

если вы проверили установку адаптера js? чек

npm webrtc-adapter --version

если не отображается в узле, установите его в свое приложение

npm install --save webrtc-adapter 
person Aravind TM    schedule 27.03.2017