- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试集成 SimpleWebRtc。我创建了一个新组件并集成了我在 SimpleWebRtc 网站上找到的代码并收到错误:
ReferenceError: window is not defined
at eval (webpack:///./node_modules/@andyet/simplewebrtc/node_modules/webrtc-adapter/src/js/adapter_core.js?:16:93)
at Module../node_modules/@andyet/simplewebrtc/node_modules/webrtc-adapter/src/js/adapter_core.js (/Users/test/node/test-frontend/frontend-test/server.js:2769:1)
at __webpack_require__ (/Users/test/node/test-frontend/frontend-test/server.js:21:30)
at eval (webpack:///./node_modules/@andyet/simplewebrtc/module.js?:37:72)
at Module../node_modules/@andyet/simplewebrtc/module.js (/Users/test/node/test-frontend/frontend-test/server.js:2493:1)
at __webpack_require__ (/Users/test/node/test-frontend/frontend-test/server.js:21:30)
at eval (webpack:///./app/src/components/common/calling/CallingSimple.js?:7:78)
at Module../app/src/components/common/calling/CallingSimple.js (/Users/test/node/test-frontend/frontend-test/server.js:1500:1)
at __webpack_require__ (/Users/test/node/test-frontend/frontend-test/server.js:21:30)
at eval (webpack:///./app/src/routes.js?:36:99)
我的代码是:
import { Provider } from 'react-redux';
import React from 'react';
import ReactDOM from 'react-dom';
import * as SWRTC from '@andyet/simplewebrtc';
// ====================================================================
// IMPORTANT SETUP
// ====================================================================
// Replace `YOUR_API_KEY` here with the API key you received when
// signing up for SimpleWebRTC
// --------------------------------------------------------------------
const API_KEY = '************'; //i changed this to actual api key
// ====================================================================
const ROOM_NAME = 'YOUR_ROOM_NAME';
const ROOM_PASSWORD = 'YOUR_ROOM_PASSWORD';
const CONFIG_URL = `https://api.simplewebrtc.com/config/guest/${API_KEY}`;
const stores = SWRTC.createStore();
class CallingSimpleApp extends React.Component {
constructor (props) {
super(props)
}
render() {
<Provider store={stores}>
<SWRTC.Provider configUrl={CONFIG_URL}>
{/* Render based on the connection state */}
<SWRTC.Connecting>
<h1>Connecting...</h1>
</SWRTC.Connecting>
<SWRTC.Connected>
<h1>Connected!</h1>
{/* Request the user's media */}
<SWRTC.RequestUserMedia audio video auto />
{/* Enable playing remote audio. */}
<SWRTC.RemoteAudioPlayer />
{/* Connect to a room with a name and optional password */}
<SWRTC.Room name={ROOM_NAME} password={ROOM_PASSWORD}>
{props => {
/* Use the rest of the SWRTC React Components to render your UI */
}}
</SWRTC.Room>
</SWRTC.Connected>
</SWRTC.Provider>
</Provider>
}
}
export default CallingSimpleApp
我在SimpleWebRTC上找到的代码如下:
import { Provider } from 'react-redux';
import React from 'react';
import ReactDOM from 'react-dom';
import * as SWRTC from '@andyet/simplewebrtc';
// ====================================================================
// IMPORTANT SETUP
// ====================================================================
// Replace `YOUR_API_KEY` here with the API key you received when
// signing up for SimpleWebRTC
// --------------------------------------------------------------------
const API_KEY = 'YOUR_API_KEY';
// ====================================================================
const ROOM_NAME = 'YOUR_ROOM_NAME';
const ROOM_PASSWORD = 'YOUR_ROOM_PASSWORD';
const CONFIG_URL = `https://api.simplewebrtc.com/config/guest/${API_KEY}`;
const store = SWRTC.createStore();
ReactDOM.render(
<Provider store={store}>
<SWRTC.Provider configUrl={CONFIG_URL}>
{/* Render based on the connection state */}
<SWRTC.Connecting>
<h1>Connecting...</h1>
</SWRTC.Connecting>
<SWRTC.Connected>
<h1>Connected!</h1>
{/* Request the user's media */}
<SWRTC.RequestUserMedia audio video auto />
{/* Enable playing remote audio. */}
<SWRTC.RemoteAudioPlayer />
{/* Connect to a room with a name and optional password */}
<SWRTC.Room name={ROOM_NAME} password={ROOM_PASSWORD}>
{props => {
/* Use the rest of the SWRTC React Components to render your UI */
}}
</SWRTC.Room>
</SWRTC.Connected>
</SWRTC.Provider>
</Provider>,
document.getElementById('app')
);
另外,我的网站已经使用了 redux。我的网站有一个商店,这个 simplewebrtc 也有商店。那么,如何结合两个商店呢?
最佳答案
如果您将 UMD 输出与 webpack 结合使用,您可能会遇到此问题:https://medium.com/@JakeXiao/window-is-undefined-in-umd-library-output-for-webpack4-858af1b881df
至于如何将 SimpleWebRTC 合并到现有的 Redux 存储中,我已经在这里更新了文档:https://docs.simplewebrtc.com/#/Store 。您还可以比较示例应用程序中的商店设置:https://github.com/simplewebrtc/simplewebrtc-talky-sample-app/blob/master/src/index.tsx#L25
关于javascript - SimpleWebRtc 不工作 : window is undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57369817/
我正在使用此处找到的 SimpleWebRTC 库:https://simplewebrtc.com 我的信号主站正在运行,并且 STUN/TURN 配置正确。它能够检测其他对等点,因此我认为 STU
我正在使用This WebRtc 的 jQuery 插件 我只想开始音频通话,但我看不到任何相关功能。我正在使用以下代码使用 autoRequestMedia:false :- webrtc = n
我正在使用 simpleWebRTC 进行多方视频聊天。 每个用户创建自己的房间。当一个用户订阅另一个用户时(为了看到这个人 0 并在数据库中注册)。 当用户选择另一个时 - 他通过 XHR 从数据库
我正在尝试集成 SimpleWebRtc。我创建了一个新组件并集成了我在 SimpleWebRtc 网站上找到的代码并收到错误: ReferenceError: window is not defin
我正在做一个simpleWebRTC 演示来创建直播 session 。 我想要实现的是: 人是领导者。领导可以播放他的音频和视频。 其余加入的都是追随者。他们只能看到和听到领导的广播。 为了在常规w
我正在使用 SimpleWebRTC API,但在教程中我们没有讨论断开连接的地方。我怎样才能停止广播? 最佳答案 根据您的需要(终止一个节点或所有节点),leaveRoom() 或调用节点的 end
我正在使用 simpleWebRTC 和 xhr 来实现特殊的多用户视频聊天(无音频)简而言之,我的主要问题是:我无法将 php 中的用户名附加到 JS 中的正确视频 在我的问题中我会 1. 解释一下
我是菜鸟,开始学习webRTC,最近发现一个叫simplewebrtc的网页,看了demo,但是不明白他们是怎么管理防火墙和NAT穿越的网络,我知道 webRTC 使用 STUN 服务器,但我在 si
你好我是新学习 WebRTC,我有点困惑,我知道 WebRTC 可以点对点工作,但我们需要信号,SimpleWebRTC、EasyRTC 和 Kurento 中的哪一个可以帮助做到这一点,如果是 no
我是一名优秀的程序员,十分优秀!