Ah ok. Thank you. I will try it. Because the documentation said: "...expose a public API on which ...". I used component.on('finish'...)
It works! Thank you.
Sorry for the misleading, the sentense means rrweb expose via on, and the next paragraph mentioned The rrweb-replayer also re-expose the event listener via a component.addEventListener API. The difference is because rrweb-replayer is built with svelte which already take the on API :)
Nice. Thank you very much.
Another question: Is there a good practice to reduce to size of the stored video events?
My idea is to take the website screenshot with the server and let the client only send the mouse events.
This would reduce the client load a lot but I didn't test how well this works yet.
Also I dont have to store the full website snapshot for every video then.
take the website screenshot
But what's the timing or interval to take that?
sorry I meant snapshot not screenshot
I did not look into the idea to much, I just try to find a way to reduce the event sizes when sending to the database.
Reduce the transport size is our next goal, currently we have these ideas:
Add an option to disable inline CSS, some website do not need this feature and inline stylesheets maybe very big.
Add options to determine which kind of operations need be recorded, like users can disable recording mouse movements.
Add a web-worker gzip plugin.
Implement a log analyze tool which can see the size distribution of a log, then users can optimize the config case by case.
Very nice. Thanks for the great work.
I am looking forward it.
One more question: I noticed very dramatic performance differences when loading the player.
It looks like it depends on the website where the events are recorded.
The videos of one website are loading quite fast, another website takes very long and you will get a performance warning from the browser. Is there anything I can do to "clean up" the events to make it more slim?
I have found this issue too! In my situation this caused by a RegExp’s performance, going to fix it ASAP.
Also my idea to make the size smaller is to store only every second or third event. Did somebeody tried it before?
Hi Guys, I checked out the events for the player and could not find an error event.
I have the problem that I habe sometimes missing IDs: "Node with id '287' not found in ..."
Is there a way to catch this in the player and alert an error or event catch this while recording?
Hi all, when doing a playback with rrweb my Console is flooded with error messages like "Blocked script execution in 'http://localhost:3000/index.html' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.", does anyone know how to curb these types of errors coming from the rrweb replay?
autoPlay : false Not working for my project, Is there another way of stop auto play
I have 100 MB data from the recording. How to use it in players.
hey there, is there any way to get the timestap of the event which is being played
so that i can recreate or edit ahead
eg: on my website if the user is typing some document. can i pause the events and continue ahead typing
@Yuyz0112@Yuyz0112 can u help?
and what is the use of this eventsload-stylesheet-start-started to load remote stylesheets load-stylesheet-end-loaded remote stylesheets
i need to get the timestamp at which i hit the pause is it possible
Hey guys, I'm trying to implement rrweb in a local web application, I've managed to get the recording process working (at least I get some data and can put it into the player), however for some reason it only plays a couple of seconds of the recording and the time on the player always shows as 0:00 anyone know what might be up?
never mind I fixed it :D
Solution: The data wasn't updating correctly with the latest (the recorded actions)