Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • May 11 21:47
    dependabot[bot] labeled #64
  • May 11 21:47
    dependabot[bot] opened #64
  • Apr 22 14:05
    Juice10 edited #63
  • Apr 22 14:02
    Juice10 opened #63
  • Mar 16 15:00
    vincenzocasu edited #62
  • Mar 16 15:00
    vincenzocasu edited #62
  • Mar 16 14:57
    vincenzocasu opened #62
  • Mar 15 06:48
    PeterChen1997 edited #61
  • Mar 15 06:47
    PeterChen1997 opened #61
  • Mar 08 05:57
    Yuyz0112 closed #58
  • Feb 21 13:10
    sumbatx15 opened #60
  • Feb 19 12:01
    Juice10 opened #59
  • Feb 18 09:50
    cjinhuo opened #58
  • Jan 15 17:13
    vincenzocasu opened #57
  • Jan 04 05:24
    moyishen edited #56
  • Jan 04 05:24
    moyishen edited #56
  • Jan 01 12:20
    moyishen opened #56
  • Dec 21 2020 09:08
    silenwym closed #43
  • Dec 21 2020 06:09
    Yuyz0112 closed #35
  • Dec 21 2020 05:56
    jianfengtheboy opened #55
Arshabh Agarwal
@arshabh-bizongo
import player from 'rrweb-player'
new player({
    target: document.querySelector('#player'),
    data: {
     events
    }
})
will this work?
yz-yu
@Yuyz0112
@arshabh-bizongo yes it should.
Tony Schumacher
@TonySchu
Hey guys, thanks for the great work. Did the events work for anybody?
I am not able to listen to any event.
event autoPlay: false does not work.
const webPlayer = new player({
      target: document.getElementById('video-content'),
      data: {
        events,
        autoPlay: false
      },
    });
yz-yu
@Yuyz0112
@TonySchu Could you provide your events file for debugging?
Tony Schumacher
@TonySchu
Sorry, I explained the situation wrong.
I meant the events for the player. (stop, finish etc.)
"So rrweb expose a public API on which allow developers listen to the events and customize the reactions, and it has the following events:..."
I am not able to listen to any of the player events. The rest works fine.
yz-yu
@Yuyz0112
Ok, so if you are using rrweb-player, you can do it like this:
const component = new rrwebPlayer({
  target: document.body,
  data: {
    events,
  },
});
component.addEventListener('finish', () => console.log('finish'));
Tony Schumacher
@TonySchu
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.
yz-yu
@Yuyz0112
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 :)
Tony Schumacher
@TonySchu
Nice. Thank you very much.
Tony Schumacher
@TonySchu
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.
yz-yu
@Yuyz0112

take the website screenshot

But what's the timing or interval to take that?

Tony Schumacher
@TonySchu
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.
yz-yu
@Yuyz0112
Reduce the transport size is our next goal, currently we have these ideas:
  1. Add an option to disable inline CSS, some website do not need this feature and inline stylesheets maybe very big.
  2. Add options to determine which kind of operations need be recorded, like users can disable recording mouse movements.
  3. Add a web-worker gzip plugin.
  4. Implement a log analyze tool which can see the size distribution of a log, then users can optimize the config case by case.
Tony Schumacher
@TonySchu
Very nice. Thanks for the great work.
I am looking forward it.
Tony Schumacher
@TonySchu
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?
yz-yu
@Yuyz0112
I have found this issue too! In my situation this caused by a RegExp’s performance, going to fix it ASAP.
Tony Schumacher
@TonySchu
Where do you find the regex in the javascript of the domain your were recording on?
Also my idea to make the size smaller is to store only every second or third event. Did somebeody tried it before?
Tony Schumacher
@TonySchu
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?
Justin Halsall
@Juice10
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?
Prince jujunuri
@PJujunuri_twitter
autoPlay : false Not working for my project, Is there another way of stop auto play
kamta
@kamta
I have 100 MB data from the recording. How to use it in players.
Shivam Kharje
@itskshivam1318
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?
Shivam Kharje
@itskshivam1318
and what is the use of this eventsload-stylesheet-start-started to load remote stylesheets
load-stylesheet-end-loaded remote stylesheets
Shivam Kharje
@itskshivam1318
i need to get the timestamp at which i hit the pause is it possible
vincenzocasu
@vincenzocasu
Hi everyone, I'm using rrwebPlayer.
I have a problem that I cannot solve: here I have best described the issue: https://github.com/rrweb-io/rrweb-player/issues/62#issuecomment-800390694
When I add events to rrwebPlayer, they are correctly queued to the player, but the duration of the video is not updated ... can anyone help me?
vincenzocasu
@vincenzocasu
@Yuyz0112 what am i forgetting?
Brad
@BRadHoc
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)