Code Monkey home page Code Monkey logo

qnrtc-web's People

Contributors

cuyl avatar disoul avatar geeklok avatar geograous avatar jhuster avatar kevinhuo avatar lawder avatar ourera avatar ryuujo1573 avatar sogoodo avatar stevejia avatar yaox023 avatar yydounai1234 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

qnrtc-web's Issues

css可以这样写报错

.container {
overflow: hidden;
width: 200px;
height: 150px;
position: relative;
margin: 0 2px;

video {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover !important;
z-index: 9;
}
}

编译报错

报错信息
plugin directly instead
i 「wds」: Project is running at http://localhost:4000/
i 「wds」: webpack output is served from /
i 「wds」: Content not from webpack is served from F:\qiniu\workspace\QNRTC-Web-master\Demo\public
i 「wds」: 404s will fallback to /index.× 「wdm」: 720 modules

ERROR in F:\qiniu\workspace\QNRTC-Web-master\Demo\src\app\components\RemotePlayer\index.tsx
./app/components/RemotePlayer/index.tsx
[tsl] ERROR in F:\qiniu\workspace\QNRTC-Web-master\Demo\src\app\components\RemotePlayer\index.tsx(35,30)
TS2345: Argument of type 'HTMLElement' is not assignable to parameter of type 'HTMLVideoElement | HTMLAudioElement'.
Type 'HTMLElement' is not assignable to type 'HTMLAudioElement'.

ERROR in F:\qiniu\workspace\QNRTC-Web-master\Demo\src\app\components\RemotePlayer\index.tsx
./app/components/RemotePlayer/index.tsx
[tsl] ERROR in F:\qiniu\workspace\QNRTC-Web-master\Demo\src\app\components\RemotePlayer\index.tsx(41,30)
TS2345: Argument of type 'HTMLElement' is not assignable to parameter of type 'HTMLVideoElement | HTMLAudioElement'.
Type 'HTMLElement' is not assignable to type 'HTMLAudioElement'.

TrackModeSession.handlePlayerOut 报错。

这个好像是用户退出的事件回调中有问题。
TrackModeSession.handlePlayerOut

renderer.js:39 message: Uncaught TypeError: Cannot read property 'userId' of undefined source: C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\pili-rtc-web\build\index.js
window.onerror @ renderer.js:39
renderer.js:39 TypeError: Cannot read property 'userId' of undefined
    at C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\pili-rtc-web\build\index.js:1
    at remove (C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\lodash.remove\index.js:1804)
    at TrackModeSession.handlePlayerOut (C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\pili-rtc-web\build\index.js:1)
    at SignalingWS.emitEvent (C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\wolfy87-eventemitter\EventEmitter.js:394)
    at SignalingWS.emit (C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\wolfy87-eventemitter\EventEmitter.js:421)
    at SignalingWS.receiveWsMsg (C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\pili-rtc-web\build\index.js:1)
    at WebSocket.SignalingWS.onWsMsg (C:\Users\cricket\AppData\Local\Programs\yun-mai\resources\app.asar\node_modules\pili-rtc-web\build\index.js:1)
window.onerror @ renderer.js:39

image

nom start 之后报错,麻烦处理一下

Failed to compile
/Users/aba/Downloads/QNRTC-Web-2.1.0/Demo/src/pages/settings.tsx
Type error: Type '{ children: Element[]; value: "288p" | "480p" | "540p" | "720p"; onChange: (e: any) => void; }' is not assignable to type 'IntrinsicAttributes & Props'.
Property 'children' does not exist on type 'IntrinsicAttributes & Props'. TS2322

109 |       <Grid item container wrap="nowrap" justify="center" spacing={16}>
110 |         <Grid item>

111 | <Select
| ^
112 | value={roomStore.selectVideoConfig}
113 | onChange={(e) => roomStore.setSelectVideoConfig(e.target.value as keyof publishVideoConfigs)}
114 | >

关于web端2.0SDK,在推流端本地流切换时,用户端出现卡顿黑屏问题

由于在2.0的SDK中:
image

每次切换流时(摄像头和屏幕切换),都需要先release和unpublish当前的流,然后在publish新的流,在这个过程中用户端就会出现卡顿、黑屏的一瞬间,用户体验较差。

是否可以提供流替换的api,方便每次切换流时不用重复的release和unpublish,以解决黑屏卡顿问题。

运行demo报错type error怎么回事?

Type error: Type 'string' is not assignable to type 'undefined'. TS2322

172 |                       type="number"
173 |                       onChange={action((e: React.ChangeEvent<HTMLInputElement>) => {

174 | this.camera[inputItem.key] = e.target.value;
| ^
175 | })}
176 | value={this.camera[inputItem.key] as string}
177 | required

image

npm start 后报错

Can't resolve '@babel/runtime/core-js/object/keys' 提示balel里对应的文件找不到

停止共享

image
用户手动停止共享,有没有监听函数,目前仅打印警告

支持移动端展示

1.支持移动端
2.新增切换前后置摄像头的逻辑
3.修复挂断后切换设备后会自动呼叫的为你

如何从包装流对象stream里获取媒体流

每个客户端都可以获取到其他客户端的stream对象然后通过play在前端播放视频,如果我想将获取到的某个stream流对象里的媒体流进行推流,请问有什么api可以让我可以获取到该媒体流吗?

iOS上 12.3的 Safari 和 74的Chrome都无法拉取远端流

我用mac的Safari访问,获取到的远端流如下截图
屏幕快照 2019-05-31 21 32 35
但在iOS上就是这样
屏幕快照 2019-05-31 21 32 28
iOS上track为undefined,然后就报错了
屏幕快照 2019-05-31 21 32 49

[Error] subscribe error – Error: piliRTC: unexpected error remote track not found
Error: piliRTC: unexpected error remote track not found

Chrome的调试日志我稍后放出

session.addMergeStreamTracks

多方连麦中,中途有线路接入,调用 session.addMergeStreamTracks

它是 async 异步方法,可是 await 调用,没有返回,没有异常。一直等待~~~

chrome 69 报错

系统:macOS 10.13
浏览器:chrome 69
错误信息:
DOMException: Failed to execute 'addTransceiver' on 'RTCPeerConnection': This operation is only supported in 'unified-plan'. 'unified-plan' will become the default behavior in the future, but it is currently experimental. To try it out, construct the RTCPeerConnection with sdpSemantics:'unified-plan' present in the RTCConfiguration argument.

经测试,之前的chrome版本正常

回音杂音问题

回音杂音怎么处理,你们echoCancellation和noiseSuppression不管用,有没有好的处理办法

在ts文件import pili-rtc-web时,提示 “wolfy87-eventemitter/EventEmitter“ has no default export.

环境 : typescript version: 3.6.3
提示如下:

node_modules/pili-rtc-web/build/core.d.ts(2,8): error TS1192: Module '"/Users/xxx/development/upfm/upfm-websocket/node_modules/wolfy87-eventemitter/EventEmitter"' has no default export.
node_modules/pili-rtc-web/build/device.d.ts(1,8): error TS1192: Module '"/Users/xxx/development/upfm/upfm-websocket/node_modules/wolfy87-eventemitter/EventEmitter"' has no default export.

v2.0.0 js 文件中包含对象扩展运算符导致编译报错

在使用 vue-cli 生成的项目中,使用 npm 添加 v2.0.0 版本的 pili-rtc-web ,编译会报错。因为对象扩展运算符是 ES-2018 中提出的语法,在编译过程中未能被识别。想要在项目中支持 node_modules 中 js 文件的编译需要很大的调整,十分的不友好。希望能在输出的文件中所使用的语法尽量只使用 ES-2015 所支持的语法。

ws里很多restart消息,无法推拉流,请问是什么原因呢?

正常能推拉流的ws消息长这个样子
屏幕快照 2019-05-24 16 43 49
但今天客户公司在他们的网络环境下,用他们提供的win7 sp1联想笔记本,Chrome 73,无法推拉流,ws里一直都是***-restart的消息。同样的网络下,我用ipad的safari和chrome可以推拉流(chrome不能推,可能是权限问题),app可以推拉流。

我开始以为是win7有问题,但回来后自己装了个win7,是好的,可以推拉流。

所以想问一下,一直出现***-restart消息是啥原因?准备从这方面入手。

Web SDK手机端不能用

PC端chrome和chrome视频正常,手机端chrome和chrome不行,报错,RTCPeerConnection连接无法建立。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.