Giter Club home page Giter Club logo

jessibuca's Introduction

Hi there 👋

Top Langs

jessibuca's People

Contributors

blacktealeaf avatar bosscheng avatar dwdcth avatar langhuihui avatar ouzhou avatar wbxl2000 avatar xjz1994 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  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

jessibuca's Issues

index.js:3 WebSocket connection to 'ws://localhost/live/test.flv' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED

第一步:npm i;
第二步: npm run dev;
第三步:打开chrome 输入 http://localhost:3000/
第四步:点击打开播放器;
第五步:{ws-raw 即ws://localhost/live/test (该协议只能对接monibuca服务器)
ws-flv 即ws://localhost/live/test.flv
http-flv 即http://localhost/live/test.flv}三个url任选一个输入,点击播放。

三种方式,console中都有报错:index.js:3 WebSocket connection to 'ws://localhost:8080/jessica/live/rtc' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED

哪个步骤出问题了吗?还是需要配置什么?

使用

来个demo吧。API页面也访问不了了。

rtmp推流中更改分辨率后绿屏

rtmp正常推流,更改分辨率(高-》低)后,画面会一直绿屏,刷新页面重新打开播放器也是绿屏。vlc及西瓜播放器此时都播放正常。低改高不会,切换摄像头也不会。录制的视频用vlc播放正常。
请问这个问题该如何解决?
网上找资料,有说是因为关键帧和sps、pps的信息,播放器解析失败的问题。

IOS 原生浏览器 PC端浏览器偶尔也会出现 播放卡顿

使用苹果11中的原生浏览器:
Safari
播放地址:
https://bofang.672582.com/11746255920221565/esl_csgo.flv(我本地的推送流)
播放域名:
http://jessibuca.monibuca.com/player.html
现象:通过代码里面的demo播放的时候出现声音时有时无正常播放的时候也会出现声音失真能明显感觉到卡顿的,而且播放有时会出现声音和画面不同步。PC端播放偶尔也会出现相同的问题,偶尔出现声音不卡顿了也会出现失真的现象,下载了代码的demo在配置后videoBuff参数后画面不卡顿但是声音还是迟钝感非常明显,后来发现如果音量比较大的话才会出现这种状况。有的时候也会出现画面像那种按了慢放的那种感觉一样。
浏览器:
Google Chrome
播放地址:
https://bofang.672582.com/11746255920221565/esl_csgo.flv(我本地的推送流)
播放器配置:
var h5lc = new Jessibuca({
container,//ff.js
decoder: decoder + ".js",
videoBuffer: 5,
audioBuffer: 15,
isWebGL:true,
isNotMute: true,
showBandwidth: true,
operateBtns: {
fullscreen:true,
screenshot:true,
play: true,
audio: true
},
});
附:
windows
通过官方提供的编译的命令通过,make.py编译代码
但是提示报错找不到字节码库的这个文件'~/.emscripten'
很多字节码库早obj文件目录下是存在的是不是每次编译时都需要重新生成?

浏览器崩溃

1080P视频,H265格式,播放一段时间或者刚开始加载偶发 整个浏览器崩溃

image link invalid in readme

in https://raw.githubusercontent.com/langhuihui/jessibuca/worker/README.md

the image is invalid in part

## 基本原理

<img src="/tech.png">

full image url is : https://github.com/langhuihui/jessibuca/blob/worker/tech.png

编译报错

您好,有没有特殊的编译环境要求,编译出错
96d0b98a3b603623a0a3f1d81adbd92

关于截图相关 API 的一些问题

当前版本无论是截图按钮还是 screenshot 方法, 都只能实现截图后下载文件的默认行为. 外部无法控制截图之后的行为. 比如截图之后拿到 base64 进行后续操作.
现在我 fork 了一份, 打算加上这些支持. 目标如下:

  • 添加一个配置项来配置截图按钮的默认行为. 可以从外部禁止文件下载.
  • 添加一个截图事件, 当点击截图按钮或者执行 screenshot 方式时, 将截图的 base64 传入 callback 中
  • 给 screenshot 方法添加特殊参数, 让其返回 base64

问题如下:

  • 截图按钮的配置项应该设计到外部, 还是 operateBtns.screenshot 上. (同时支持 Boolean 和 Object 来保持兼容)
  • screenshot 方法设计为第一个参数传入 null 时返回 base64 是否合理.
  • 如果上一条不合理, 是否可以添加新的方法, 例如 screenshotForBase64

work.js 中执行new Image报错:Image is not defined

this.setVideoSize函数中添加如下代码,

var img = new Image();
img.onload = function () {
console.log('img loaded');
}
img.src = "data:image/png;base64,...";

浏览器提示“Image is not defined”, 而在其他js中运行则不会有这个错误,看起来是和wasm运行环境有关。work.js中其他地方运行同样如此。

请问如何配置才能在setVideoSize中执行Image加载?

H264的 CIF分辨率会出现花屏

标准的cif分辨率是352X288,海思编码库cif分辨率是360X288,不知道是不是跟这个有关,但用其它播放器是正常的,目前只有这个分辨率出现花屏,d1,720P都正常播放,打印了解码接口的返回值也没有报错,花屏现象如下图
QQ图片20201203231859

本地环境下测试报错

不管是使用make.py编译后的js还是原工程自带的js
在客户端页面点击连接按钮时,服务器报错

Client connected:127.0.0.1:62065 -> 0.0.0.0:1936
Handlers count changed: 2->3
IsAlive not yet implemented
服务器端生成的KEY:UPeO+3ujF7F6T7rghwdSPAirZEw=
服务器端欲发送信息:
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: UPeO+3ujF7F6T7rghwdSPAirZEw=


Unable to validate client
ValidateClient at offset 323 in file:line:column E:\VSProjects\csharprtmp-master
\Core\Protocols\Rtmp\InboundRTMPProtocol.cs:93:13

PerformHandshake at offset 86 in file:line:column E:\VSProjects\csharprtmp-maste
r\Core\Protocols\Rtmp\InboundRTMPProtocol.cs:113:13

PerformHandshake at offset 380 in file:line:column E:\VSProjects\csharprtmp-mast
er\Core\Protocols\Rtmp\InboundRTMPProtocol.cs:38:29

Client not validated

导致客户端不能正常响应。是要在ssl的环境下吗?或者这问题应该怎么解决。
期待您的回复

当存在多实例的时候,比如四分屏,九分屏播放多路视频时,多个屏同时调用各自实例的close(); clearView();关闭失效。画面仍然存在。

测试时,我才用四分屏,每个屏幕都绑定了一个
new window.Jessibuca(...)对象,配置都一样,同时播放四路视频,然后全部关闭视频
for (var i = 0; i < 4; i++) { var this_jessibuca = jessibucaObj[i]; /*console.log("player:",player);*/ if (this_jessibuca != null) { //this_jessibuca.pause(); this_jessibuca.close(); this_jessibuca.clearView(); } }
该功能会出现问题,存在部分屏幕还原到黑屏状态,部分仍然存在视频停止后的画面图片;
我目前的解决办法是加入了延迟,并多调用几次。
`for (var i = 0; i < 4; i++) {
var this_jessibuca = jessibucaObj[i];
/console.log("player:",player);/
if (this_jessibuca != null) {
//this_jessibuca.pause();
this_jessibuca.close();
this_jessibuca.clearView();
setTimeout((_obj,time)=>{
_obj.close();
setTimeout((obj)=>{
obj.clearView();
},time,_obj);
},1000 + 20*i,this_jessibuca,150 * i);

	}

}`
但任然无法解决这个问题,多尝试几次还会存在无法全部关闭的效果;

resize报错

调用render.js 里封装的resize时报错如下:

image

大华IPC H265播放报错

测试了一个大华的IPC,H265编码
开始能正常播放,后面就报如下错误
image

这个有什么方法来排查吗?

vue demo 异常

我clone 您的vue例子,在本地跑不起来,点击播放没有效果,但是单独放在html 就没有问题,是否需要将renderer.js 改造下?

调用resize()方法浏览器会卡住直至崩溃。

我的配置
var jessibucaConfig = { container: document.getElementById("myVideodiv"), videoBuffer : 0.5, // 最大缓冲时长,单位秒 isResize : false, decoder : "xxxx/jessibuca/index.js", timeout : 60, loadingText : "加载中", hasAudio : true, //typeof (this.hasAudio) =="undefined"? true: this.hasAudio, debug : false, supportDblclickFullscreen : true, // 是否支持屏幕的双击事件,触发全屏,取消全屏事件。 //showBandwidth: true,//显示网速 operateBtns : { fullscreen : true, screenshot : true, play : true, audio : true, }, record : "record", vod : true, forceNoOffscreen : true, isNotMute : false, };
当我修改了container的宽高大小时候再调用resize()方法调正视频画面大小会导致浏览器卡住直至崩溃。

chrome最新版92

chrome最新版92,播放器插件的支持还是不好,播放几秒或者1分钟就停止了0kb/s,360浏览器的chrome86或者火狐没问题。

音视频对不齐

音频与视频播放时候延迟越来越大,H264+aac。音视频也不同步

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.