Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

rrweb-io/community

People

Repo info

Activity

yz-yu

@Yuyz0112

just flatten the events in your data

Gomathi Meena

@gomathimeena_gitlab

@Yuyz0112 can you say how did you initialize the events from the file ?

yz-yu

@Yuyz0112

The file contains two array, each item looks like { events: [...] }
The data variable in the sample code just point to the array in the file.

Gomathi Meena

@gomathimeena_gitlab

@Yuyz0112 Thanks but still im getting the same error :

data  = [array of events];
const events = data.reduce((prev, cur) => prev.concat(cur.events), []);
const replayer = new rrweb.Replayer(events);
replayer.play();

Im using the latest version itself !

yz-yu

@Yuyz0112

Could try this JS file https://cdn.jsdelivr.net/npm/rrweb@0.7.33/dist/rrweb.min.js
And which browser are you using?

Gomathi Meena

@gomathimeena_gitlab

@Yuyz0112 Im using chrome , and used the js provided by you results in same error .

yz-yu

@Yuyz0112

http://lab.myriptide.com/rrweb-debug/reproduce.html

Does this page played right in your browser?

Gomathi Meena

@gomathimeena_gitlab

@Yuyz0112 Yes the page was played right

yz-yu

@Yuyz0112

Maybe you can track what's the difference between it and your code?
view-source:http://lab.myriptide.com/rrweb-debug/reproduce.html

Gomathi Meena

@gomathimeena_gitlab

@Yuyz0112 ,yes i'm doing that ..Much thanks to you

Amin Pial

@aminPial

can anyone please answer my question here https://stackoverflow.com/questions/61233866/how-to-receive-and-send-rrweb-record-event-data-in-flask.

i am trying to connect rrweb with flask

having some issue with sending and receiving events data

how do i send the events data from flask to html and render it in replay script?

Amin Pial

@aminPial

@Yuyz0112 ?

Dac Hai

@haicaodac

Hi everybody.
I see a pull request closed and it seems to be increasing record iframe in a website's iframe. I am seeing "rrweb" doesn't work with iframes. I don't know if that pull request will make iframe writable if it attaches a certain class.
https://github.com/rrweb-io/rrweb/pull/68/files

Vincent Acard

@VincentAcard_twitter

@Yuyz0112 Hi, first thank you for you app, its awsome ! I got always one concern, an error that freeze the recording when i replay it, i take screenshot of google console to show you here : https://ibb.co/NT2qCd2 have an idea ? ( its always the same error for most of recording, but for some, all is ok, no error)

Ellonet

@Ellonet

@Yuyz0112 Hey Yuyz and all,
I'm having the following problems:
1) for complicated pages - the entire browser gets stuck and crashes.
did anyone else encounter this problem?

2) I want to record an entire session with different pages. the rr-web did not serialize all the different pages, and i was forced to do stopRecord() and startRecord() for every page navigation.
Is this the correct practice? is there a way to make it more efficient?

yz-yu

@Yuyz0112

@VincentAcard_twitter @Ellonet
Reproducible URLs will be helpful for debugging.

Ellonet

@Ellonet

@Yuyz0112 Sadly I cant.
I am working in angular 8 framework.
The problem is that on navigating to a heavy page - the recorded starts adding emitting thousands of events to the "events" array.

if I call stopRecordingFunction() after 6000 events in the array - the UI is OK,
These 6000 were sent to the backend - however while replaying them - they show nothing..

any idea?

Ellonet

@Ellonet

@Yuyz0112
we figured out the problem. apperently the rrweb and ngbtooltip can not live together.
once we hovered over the tooltip - the record function got over 10000 events in like 5 seconds and it never stoped until the UI crashed.
it happaned in some other cases too - but we didn't have the time to investigate that too

yz-yu

@Yuyz0112

Thanks for the investigating! Not familiar with angular, does ngbtooltip means the tooltip component in this lib?https://github.com/ng-bootstrap/ng-bootstrap

Ellonet

@Ellonet

@Yuyz0112
yes that's right, the tooltip container is the body.

Ellonet

@Ellonet

@Yuyz0112
Will there be a fix to this issue?
I want to use this amazing feature with angular - without concern of other unknown libraries that might make the whole UI crash.
Is there a way the rrweb record can recognize it and prevent the crash?

yz-yu

@Yuyz0112

Yep. I've just implement a better live mode support in rrweb.
And I think I will have time in the following days to fix this issue.

Ellonet

@Ellonet

@Yuyz0112 Amazing! let us know :)

Juan Cruz Gardey

@juancruzgardey

@Yuyz0112 I'm observing that non-standard html tags are replaced with divs, which may cause that in some websites the CSS is broken. How can I fix this? Thanks!

yz-yu

@Yuyz0112

@juancruzgardey
I believe it happens here: https://github.com/rrweb-io/rrweb-snapshot/blob/master/src/snapshot.ts#L17
We need this because document.createElement will failed if the tag name is invalid. Maybe we need find another way to create element with invalid tag name?

Grohs Fabian

@grohsfabian_twitter

Hey there @Yuyz0112 , I hope you and all the community members have a great day first of all!

I am just messaging to ask regarding the https://github.com/rrweb-io/rrweb-snapshot code. Could you please, give us an example of how we could use the snapshot code alone to simply take a snapshot of a page on demand via javascript?

Vincent Acard

@VincentAcard_twitter

@Yuyz0112 If a page contain this kind of code : <!--[if lt IE 9]>

Vincent Acard

@VincentAcard_twitter

Burak Emre Kabakcı

@buremba

Does anyone use rrweb for interactive app demos?

I mean for something like this: https://cl.ly/760fe9607ea4

Vipul Wairagade

@vipulwairagade

Hi Everyone, Does anyone know how to record user interactions inside of Iframe window. Iframe part is coming blank grey in replay event. Thanks in advance

Vipul Wairagade

@vipulwairagade

@Yuyz0112 I had an issue of iframe which I couldn't solve. So I decided to put rrweb into code of iframe. But I am redering a pdf in that code using a pdf library so it gets loaded as canvas. Is there any way I can record that canvas events with other part of page ?

Timothy-Barron

@Timothy-Barron

When I have multiple batches of events being sent to my server, is there a particular event type to look for that identifies the beginning of a recording?

Yogendra

@yogendra3236

Hi, does anyone know how to rebuild the snapshot using rrweb-snapshot?

Stefano Kaefer

@StefanoMat

Hi, anyone have a doc to implement rrweb with details?

Rifaudeen

@rifaideen

Hi Guys, I'm trying to add new css class name in the rrweb-player repository and I am facing strange issue that the compiled output doesn't include the css.

LXM

@lxm

is it possiable to record dynamic canvas?

yz-yu

@Yuyz0112

@lxm not yet

Randy Johnson

@randyjohnsonme_twitter

I am having trouble getting my events to output correctly. I keep getting

Uncaught TypeError: e.map is not a function
    at new t (index.ts:69)

. Can anyone provide a sample line for this: const events = []. I have tried a couple different ideas with no luck. here is what I have currently

const events = [{"data":{},"timestamp":1590779368970,"type":0}, {"data":{},"timestamp":1590779369079,"type":1}, {"data":{"href":"https://localhost/rrweb/index","width":1920,"height":552},"timestamp":1590779369080,"type":4} ];

Randy Johnson

@randyjohnsonme_twitter

I switched to the player JS file and it started working

Sorin Chiriac

@sorinvchiriac_twitter

Hi, What SAAS solutions do you know that use rrWEB?

Ammar Mheir

@AmmarByFar

I'm also wondering the same thing @Timothy-Barron asked earlier. What's the best way to design for this? If there's lots of events stored in a server, whats the best way to identify the beginning of the recording? Is it the 'type' value? (it appears it goes from 0-3)

Lushenggang

@Lushenggang

Hello, i want to know how to install the REPL tool. I only find the npm run replcommand in the guide.

Lushenggang

@Lushenggang

Oh, I get it. I need clone the rrweb repository first！