rrweb-io / rrweb-player Goto Github PK

This seems to be throwing errors for us, here's the stack trace:

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?

代码如下：
let speed = 1
const playerData = [...] // 已录制好的数据
const replayer = new rrwebReplay.Replay(playerData,{
root:document.getElementById('replay-zone'),
data{
autoPlay:true
},
speed
})
replayer.play()

大佬，我想让该回放数据固定在 800*400的区域中显示，不管录制的数据的宽高是多少，等比缩放在这个区域内展示
该怎么做？

How to rewrite in vue？

Typings?

0.5.6，0.6.1版本都有报这个问题，前端录制未报错

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

This might be related to #50 and #49

Some other similar exceptions:

test1的副本.txt

rt

请问下为什么播放器不考虑支持播放速度、showWarning、showDebug等内容的配置呢？ 就像rrweb.Replayer那样，是建议我们自己利用rrweb.Replayer去实现一个player吗？

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?

Currently appears to be standard boilerplate.

Demo examples can be run by installing node modules and using the npm scripts found in package.json~

Hi everyone. Presently is not posible set skip inactive checkbox to false by default.

I will try add this parameter.

Sorry, this is just the minified stacktrace:

The readme seems to be introducing sveltejs instead of rrweb-player.

大佬，我用rrwebPlayer全屏功能好像有问题，如图：
正常情况：

全屏状态下：

该怎么处理能正常显示？
另外：倍数播放那块有什么办法可以只保留1x的按钮吗

前端因为某些不可控原因发送给后台的事件event多发了一次，导致事件重复了，是否影响播放呢？测试是可以正常播放，看源码好像是排除掉了相同时间点的事件，但是不太确定这个会有什么潜在的影响。

看rrweb介绍，在录制的时候可以通过增加class名字方式增加隐私字段。是否可以把这个功能移植到player当中？
业务背景：
1.录制时不需要隐藏
2.播放时根据用户的权限选择性的给予不同的人员不同的元素查看权限。

所以需要有在播放时去修改这些元素

Hi mogul :
rrweb events convert mp4? What should I do

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？

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,
},
})

你好，我在播放的时候发现一些问题。
原因是在给nodetype为3的node setAttribute或者addchild。
Node with id 'xxx' not found in
想知道什么原因会造成这些问题。请大佬指点，谢谢！

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?

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)```

页面中有滚动条的，在回放时滚动条可以被拖动，有什么办法可以阻止播放时影响录制页面内的形式？
附件是可以重现的events文件
events.zip

在ie浏览器,录制的内容不能播放

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

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:

1. Start the replay
2. At 15sec, the user click on a nav menu in the replay
3. The replay progression bar starts again from 0:00 and the "image" is stuck.
4. At 0:15, the replay continues in normal condition.

Have you ever noticed this kind of issue ?

1、希望能够提供一些api，能够在实例化player后控制宽高；
2、能否将目前的width、height属性支持 百分比 ？

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.

新版本的播放器可以兼容用旧版本rrweb录制的数据吗？

大佬，您好，我有多段时间 间隔很久（以天记）的快照要一起播放，我想通过replayer.on('finish')来连续播放，但是进度条是分别是多段从头开始的，这种情况下，我要如何播放多个视频，而进度条是一条，时间是所有视频时间总和呢？谢谢啦

比如说我回放区域设置宽高为 800*400 ，我录制的数据能自动缩放在这个区域内完整展示吗

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.

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?

倍数播放无效

I have used rrweb to capture certain events and exported them as a json file.
I have 2 questions.

1. 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.
2. I want to use the json file as an input to the player.Is it possible?

Package.json require rrweb version 0.7.32 when latest is 0.8.2

Is it possible to update it please ?

rrweb-player在升级0.6.1版本后，播放内容错位，同时播放的比例与实际不同；
0.4.6版本无此问题，但0.4.6版本存在其他问题，所以现在卡住了。。。该如何处理呢
events.json.txt

I'm trying to insert a rule to change the cursor styles. But the CSS is not getting applied. Am I doing something wrong here?

您好，我想咨询下，我想将录制的生成或导出真实的视频文件，如avi、mp4等格式，我应该如何实现呢？

1. 我定位到异常发生在这一行代码：
   https://github.com/rrweb-io/rrweb-player/blob/master/src/Player.html#L68

addEvent(event) {
   // 单从语法上来看，应该会编译失败(replayer没有声明)，不知道为啥编译通过了。
   replayer.addEvent(event);
}

2. 在异常的行断点，在控制台打印replayer，确实没有addEvent方法。
   

3. 查看package.json rrweb-player依赖[email protected]
   而[email protected]的commit记录已经包含addEvent方法了。
   rrweb-io/rrweb@0.7.11...master
   

是不是构建rrweb的时候出了什么问题？

component.addEventListener('finish', () => console.log('finish'));
播放完成后，无日志输出。

npm run start ，跑用例，播放完成以后，点击播放 没有反应。以前可以的，应该是最近改动引起的

初始化rrwebPlayer后，将autoPlay设置为false后，浏览器一直处于等待状态，这个是否可以设置不处于等待状态？
const component = new rrwebPlayer({
target: document.body,
data: {
events,
skipInactive: true,
showDebug: true,
showWarning: true,
autoPlay: false,
},
});