rrweb icon indicating copy to clipboard operation
rrweb copied to clipboard

录制同源iframe页面内容,回放时一开始不显示,但拖动一下进度条后却显示出来了

Open liuzx1337 opened this issue 2 years ago • 7 comments

如题,这是一开始回放时的iframe效果: image 但拖动进度条后,iframe内的页面内容和操作就显示出来了: image (页面内容打了厚码,但页面内容已经出来了,后续iframe里的操作也能播放)

使用的rrweb版本是1.0.1,player版本是0.7.4

liuzx1337 avatar Aug 25 '21 11:08 liuzx1337

一开始回放是指在第 0 秒保持暂停状态吗?如果没有开始回放的话,player 会回放第一个快照作为海报视图。但是 iframe 是异步加载的,所以 iframe 的 DOM 数据不在第一个快照中,可以尝试 pause(1000) 之类的暂停在一个 iframe 渲染后的时间点上,也可以从 events 中查找到对应的时间戳以后准确的 pause(xxx)

Yuyz0112 avatar Aug 30 '21 16:08 Yuyz0112

一开始回放是指在第 0 秒保持暂停状态吗?如果没有开始回放的话,player 会回放第一个快照作为海报视图。但是 iframe 是异步加载的,所以 iframe 的 DOM 数据不在第一个快照中,可以尝试 pause(1000) 之类的暂停在一个 iframe 渲染后的时间点上,也可以从 events 中查找到对应的时间戳以后准确的 pause(xxx)

Yuyz0112 avatar Aug 30 '21 16:08 Yuyz0112

我也遇到了相似的问题,0秒的时候有iframe就是空白的页面,拖动进度条也没有用。有什么办法能解决吗? image

Soxiaoxin avatar Sep 02 '21 05:09 Soxiaoxin

@Soxiaoxin 提供 events 看一下?另外截图的地方看起来也不是 0 秒?

Yuyz0112 avatar Sep 02 '21 06:09 Yuyz0112

image 0秒也是这样

Soxiaoxin avatar Sep 02 '21 07:09 Soxiaoxin

const (2).txt @Yuyz0112 这是上面这个视频的events,麻烦帮忙看看

Soxiaoxin avatar Sep 02 '21 07:09 Soxiaoxin

@Yuyz0112 应该是录制时候的问题,checkout的时候,页面中有iframe,回放这个时间点之后,iframe就无法播放了

Soxiaoxin avatar Sep 03 '21 08:09 Soxiaoxin