rrweb-player's People
Forkers
uiinspector mohosos gitter-badger huhuanming lssol jperl xavierh81 benporat shilomagen haveam pankaj9296 timchunght weidingjian netweng pushpen smartbid-external galdolber senhorinha oliverkra a597873885 maniacs-oss urosnikolic rlunar suoutsky lzy89610 luozz1994 mzahor zachdev jssridhar maxhubin novoroll ladislavsalom imfil fakegit arun477 lucked freenetbrasil techery heathdutton andreibaptista yoshikiikegaya marek-survicate fangxinzonghuofan-v tobyjwt yaakua keyzf corcd sven-ybj qsonxu 0ahz ideacome-frontend sitedata dianiki jokeewu asdlei99 gxsnyyx pusri macobo einstein-github miqmago joeoeoe ucjonathan juice10 thegeorgeous berts83231 sgameryu sambarrowclough jackyanjiaqi yashkumar18 ahmed-rafiullah zsyz2008 dyyz1993 suryatmodulus androidlei shenchengren chrisnorton sk412000 2210852749 keaichong isabella232 duyunqiang jmx164491960 lxf8808 tanmay070501rrweb-player's Issues
播放的时候会报错,原因是在给nodetype是3的node添加属性或者addchild
你好,我在播放的时候发现一些问题。
原因是在给nodetype为3的node setAttribute或者addchild。
Node with id 'xxx' not found in
想知道什么原因会造成这些问题。请大佬指点,谢谢!
How to destroy player?
Hi, Suppose it is rendering on some react component and that components gets destroyed then how to cleanup the player?
I tried playerInstance.destroy() which kind of worked but the error came as shown below
Unhandled Runtime Error
TypeError: Cannot read property 'implementation' of null
Call Stack
buildNode
node_modules/rrweb-player/dist/index.mjs (1:11816)
buildNodeWithSN
node_modules/rrweb-player/dist/index.mjs (1:13360)
rebuild
node_modules/rrweb-player/dist/index.mjs (1:13736)
e.rebuildFullSnapshot
node_modules/rrweb-player/dist/index.mjs (1:24445)
n
node_modules/rrweb-player/dist/index.mjs (1:23265)
eval
node_modules/rrweb-player/dist/index.mjs (1:24134)
Object.doAction
node_modules/rrweb-player/dist/index.mjs (1:20889)```
播放录制的视频时,第一秒会有明显卡顿,请问有没有解决方案?
svelte 需要配置在 dep 而不是 devDep 中,否则依赖的 SvelteComponent 无法在下游找到
rt
浏览器等待状态
Add @types
Typings?
rrwebPlayer的全屏问题
点击播放 不能再次播放
npm run start ,跑用例,播放完成以后,点击播放 没有反应。以前可以的,应该是最近改动引起的
支持播放速度、showWarning、showDebug等的配置
请问下为什么播放器不考虑支持播放速度、showWarning、showDebug等内容的配置呢? 就像rrweb.Replayer那样,是建议我们自己利用rrweb.Replayer去实现一个player吗?
版本
新版本的播放器可以兼容用旧版本rrweb录制的数据吗?
Update player dependencie
Package.json require rrweb version 0.7.32
when latest is 0.8.2
Is it possible to update it please ?
v0.4.6回放是有鼠标跟随,但是0.7.0没有鼠标跟随
ie兼容问题
在ie浏览器,录制的内容不能播放
事件重复是否影响播放呢?
前端因为某些不可控原因发送给后台的事件event多发了一次,导致事件重复了,是否影响播放呢?测试是可以正常播放,看源码好像是排除掉了相同时间点的事件,但是不太确定这个会有什么潜在的影响。
JS Error while replaying : "Uncaught DOMException: Failed to execute 'insertBefore' on 'Node'"
Hi,
I got a new issue while trying to replay a record.
Here the full error I got :
Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
I'm putting in attachement the json that contains everything that has been recorded -> events.json.txt
Any idea regarding this one?
Why is the readme inconsistent with the rrweb-player?
The readme seems to be introducing sveltejs instead of rrweb-player.
How to unpack in rrwebPlayer
new rrwebPlayer({ target: document.body, // customizable root element props: { events, unpackFn: rrweb.unpack, }, });
This code not working... rrweb.unpack was not defined...
How can i unpack data in rrwebPlayer object?
Uncaught DOMException: Failed to execute 'appendChild' on 'Node'
Hi guys, love your work <3
I get an error when trying to replay
Uncaught DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
I don't really know why, but here are the events
https://jsonblob.com/854837e1-7445-11eb-a6ca-357ae5633362
I tried with the latest release rrweb-player 0.7.0, and I'm still getting the same error
如何修改进度条时间
大佬,您好,我有多段时间 间隔很久(以天记)的快照要一起播放,我想通过replayer.on('finish')来连续播放,但是进度条是分别是多段从头开始的,这种情况下,我要如何播放多个视频,而进度条是一条,时间是所有视频时间总和呢?谢谢啦
是否可以在播放时设置某些元素变为隐私状态?
看rrweb介绍,在录制的时候可以通过增加class名字方式增加隐私字段。是否可以把这个功能移植到player当中?
业务背景:
1.录制时不需要隐藏
2.播放时根据用户的权限选择性的给予不同的人员不同的元素查看权限。
所以需要有在播放时去修改这些元素
能控制回放区域的尺寸吗
比如说我回放区域设置宽高为 800*400 ,我录制的数据能自动缩放在这个区域内完整展示吗
能否动态控制player的宽高?
1、希望能够提供一些api,能够在实例化player后控制宽高;
2、能否将目前的width、height属性支持 百分比 ?
How load async events into rrwebPlayer instance
Hi, is there a way to load events by ajax requests queue into rrwebPlayer instance?
At moment i have this code that load all the events in one shot... but for big json files the page load is too big...
const data = [{ events: <?php echo $json; ?> }];
function player(data){
const events = data.reduce((prev, cur) => prev.concat(cur.events), []);
new rrwebPlayer({
target: document.body,
props: {
events
},
});
}
player(data);
Where $json is fetched by a php file_get_contents function
In the receipe guide i've found this code:
const replayer = new rrweb.Replayer(events)
for (const newEvent of newEvents) {
replayer.addEvent(newEvent)
}
But I really don't know how inject into rrwebPlayer events dinamically...
Can someone helps me?
rrweb-player controller not fetching any styles.
I am trying to use rrweb-player in my react app, and the controllers are rendering without styles and also I am not able to change the size of the frame. Please help me out with any suggestions.
new rrwebPlayer({
target: root,
data: {
events: events,
autoPlay: true,
},
})
监听事件无效
component.addEventListener('finish', () => console.log('finish'));
播放完成后,无日志输出。
TypeError: Cannot read property 'createElement' of null
TypeError: Cannot read property 'implementation' of null
回放时,录制页面中的滚动条可以被拖动
页面中有滚动条的,在回放时滚动条可以被拖动,有什么办法可以阻止播放时影响录制页面内的形式?
附件是可以重现的events文件
events.zip
是否有提供接口生成本地的视频文件?谢谢
Can not 'import' or 'require' in ES6
when I use npm install --save rrweb-player add to my React project, use import rrwebPlayer from 'rrweb-player' in my component, console.log(rrwebPlayer) print out its reference src,eg: /static/media/index.4025ef79.mjs,How do I use it?
回放白页面
Support for liveMode
Is it currently possible to have a liveMode
with rrwebPlayer
as described here: https://github.com/rrweb-io/rrweb/blob/master/docs/recipes/live-mode.md?
Not able to run the player
I have used rrweb to capture certain events and exported them as a json file.
I have 2 questions.
- I am not able to run the player. I have downloaded the project from git and performed the steps mentioned in the readme. But I see a hello world text. I am not even sure I am doing it right.
- I want to use the json file as an input to the player.Is it possible?
Uncaught DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
0.5.6,0.6.1版本都有报这个问题,前端录制未报错
Update README.md to be more informative
Currently appears to be standard boilerplate.
Demo examples can be run by installing node modules and using the npm scripts found in package.json~
insertStyleRules is not working as expected.
版本播放时,内容错位
rrweb-player在升级0.6.1版本后,播放内容错位,同时播放的比例与实际不同;
0.4.6版本无此问题,但0.4.6版本存在其他问题,所以现在卡住了。。。该如何处理呢
events.json.txt
Progression bar resetting when user changes of urls
Hi, I'm using rrweb since a week now and it's really great !
I have some troubles for some recorded sessions.
For some complex sites, when a user switch from a page A to a page B, the progression bar is reset to the start (timer at 0:00). Then, the replay is stuck until the time of the page switch.
Sample example:
- Start the replay
- At 15sec, the user click on a nav menu in the replay
- The replay progression bar starts again from 0:00 and the "image" is stuck.
- At 0:15, the replay continues in normal condition.
Have you ever noticed this kind of issue ?
倍数播放无效
倍数播放无效
TypeError: null is not an object (evaluating 'this.iframe.contentDocument.querySelectorAll')
rrwebReplay 回放问题
代码如下:
let speed = 1
const playerData = [...] // 已录制好的数据
const replayer = new rrwebReplay.Replay(playerData,{
root:document.getElementById('replay-zone'),
data{
autoPlay:true
},
speed
})
replayer.play()
大佬,我想让该回放数据固定在 800*400的区域中显示,不管录制的数据的宽高是多少,等比缩放在这个区域内展示
该怎么做?
TypeError: Cannot read property 'createComment' of null
Configuration skip inactive checkbox
导出avi、mp4等格式视频
您好,我想咨询下,我想将录制的生成或导出真实的视频文件,如avi、mp4等格式,我应该如何实现呢?
rrweb events convert mp4?
Hi mogul :
rrweb events convert mp4? What should I do
How to rewrite in vue?
How to rewrite in vue?
Progression bar line not visible since update to 0.7.11
Hi everyone,
As mentionned in #1 (comment), since last updates, the progression bar line is not visible.
I think it's related to these CSS changes in b200f6b#diff-b346a6c7be3020f6ef10d4a1df6336e8R264
I will try to fix it and make a pull request after small tests.
TypeError: replayer.addEvent is not a function
addEvent(event) {
// 单从语法上来看,应该会编译失败(replayer没有声明),不知道为啥编译通过了。
replayer.addEvent(event);
}
-
查看package.json
rrweb-player
依赖[email protected]
而[email protected]
的commit记录已经包含addEvent
方法了。
rrweb-io/rrweb@0.7.11...master
是不是构建rrweb的时候出了什么问题?
Any method to reset the events?
Hey, I have a list which would load the data via ajas request call based on the date range. When I change the date range and i would get the new data, then how can I play the different events based on the existing palyer on DOM? Looks that there is NO some method like "setEvents". Thanks.
Caton died playing back the PDF. But with the playback in rrweb, there is no problem
Hello: the same file with the progress of playback PDF when the card died. Here's how
new rrwebPlayer({
target: document.body, /
props: {
events,
},
}); It's going to be 7 to 8 seconds. It's going to be stuck. It's not responding.
But with the playback in rrweb, there is no problem.
const replayer = new rrweb.Replayer(events);
replayer.play(); Can complete playback without jamming
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.