Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    tomelic
    @tomelic
    Hey guys, any living example of using VueJS with rrweb?
    Mr. NorthWatch
    @mr-northwatch
    I don't think they have any native stuff
    so you'll have to just use normal js
    Simon Cornelius P. Umacob
    @simoncpu
    hello, is there a quick way to rewrite the URLS in the HTML saved in the events?
    Som Shekhar
    @shekharsom_twitter
    how to unload {Replayer} from the page? I cannot seem to close it by using destroy.
    Yousef Alaqra
    @yousefalaqra
    @mr-northwatch Could you please share the source of your code (sending the events through ws connection), if you can't share the code i understand that but in this case can you please share useful tips about the process?
    guohao
    @huanshiwushuang
    rrweb not support ie11 ? but---> ie11 support mutationobserver
    Ivo Pereira
    @IvoPereira
    Hey there! Just discovered rrweb. Was researching and thinking about using rrweb to monitor possible suspicious cheating behaviour in an online game. Has this ever been used in such use case?
    I was first looking into WebRTC getDisplayMedia but it doesn't look like it is implemented in Mobile unfortunately.
    Yousef Alaqra
    @yousefalaqra
    Is there a way to emit only one event when calling record? i don't want to keep emmiting...
    Joanna Chen
    @joanna-chen
    Is it possible to replay one event on the existing snapshot without rebuilding the DOM?
    Joanna Chen
    @joanna-chen
    Also, sending events from the mirror back to the host, are the events being recorded in the iframe?
    vincenzocasu
    @vincenzocasu

    Hello everyone, I am in the situation of recording sessions and sending data at regular intervals to a json file.
    The file on average weighs around 3 / 400MB.

    On the player page, I load the file like this:
    <?php
    $json = file_get_contents($file_name, false, stream_context_create($arrContextOptions));
    ?>

    const data = [{ events: <?php echo $json; ?> }];

    function player(data){
    const events = data.reduce((prev, cur) => prev.concat(cur.events), []);

    new rrwebPlayer({
    target: document.body, // customizable root element
    props: {
    events
    },
    });
    }

    player(data);

    Obviously the loading is very slow, is there a way to take json progressively for example using a buffer?
    perhaps there is a better way to do this
    can you help me understand how to do it?
    UmangThapliyal
    @UmangThapliyal
    hello,
    Does anyone know about rrweb sentry plugin, facing some issue with it
    vincenzocasu
    @vincenzocasu
    @UmangThapliyal unfortunately there are not many active people here to give support ...
    UmangThapliyal
    @UmangThapliyal
    can you tell me some place where I can get resolution
    I have onpremise sentry instance and it works okay but when I add rrweb integration it throws cors error not sure do we need to update sentry config
    zhy437488627
    @zhy437488627
    i use rrweb in vue as import module, but i can't stop record,
    the doc said the record function will return a function to stop it, but no useful
    githubdrop
    @githubdrop
    anyone who develop a session recording SAAS app like hotjar
    Yousef Alaqra
    @yousefalaqra

    let recorderFunc;

    //when start recodong assing the recorder vairble to record function of the rrweb:
    recorderFunc = rrweb.record({
    emit(event){
    console.log(event)}
    })

    // to stop recording
    recorderFunc();

    @zhy437488627

    anyone who develop a session recording SAAS app like hotjar

    @githubdrop , i'm developing one right now

    Why the community is inactive? @chensivan @shekharsom_twitter
    I need to to redisng to the player to fit my requiemnts
    Som Shekhar
    @shekharsom_twitter

    Why the community is inactive? @chensivan @shekharsom_twitter
    I need to to redisng to the player to fit my requiemnts

    my question is still unanswered :D so, it's quite inactive because all the people who know more aren't here to support.

    Yousef Alaqra
    @yousefalaqra

    how to unload {Replayer} from the page? I cannot seem to close it by using destroy.

    @shekharsom_twitter
    What do you mean by unload? what are you trying to achive?

    Som Shekhar
    @shekharsom_twitter
    Loading a player is fine. the player can play the data as well. How do I destroy the player? player.destroy method doesn't work.
    Yousef Alaqra
    @yousefalaqra
    Why dont you just assing the replayer instance to null or undefined?
    @shekharsom_twitter
    Som Shekhar
    @shekharsom_twitter
    hmm... that's what I am resorting to currently. and depending on the memory to be cleared automatically.
    Yousef Alaqra
    @yousefalaqra
    I'm curious to know why you want to do it manually? @shekharsom_twitter
    Som Shekhar
    @shekharsom_twitter
    because if you want to run multiple instances of the same player, that would be memory extensive. (Not at the same time) let's say, you run the first video and then after few second, run a second video by creating a second instance, the first one needs to be removed.
    Yousef Alaqra
    @yousefalaqra
    @shekharsom_twitter Since you are using the replayer, do you have an idea how to resize it? i want to display the record in a custom div

    because if you want to run multiple instances of the same player, that would be memory extensive. (Not at the same time) let's say, you run the first video and then after few second, run a second video by creating a second instance, the first one needs to be removed.

    Why don't you use the same instance but different events and confugrations?

    //First record:
    Som Shekhar
    @shekharsom_twitter

    @shekharsom_twitter Since you are using the replayer, do you have an idea how to resize it? i want to display the record in a custom div

    I couldn't resize it easily. I am currently resorting to transform:scale(0.8);

    Yousef Alaqra
    @yousefalaqra
    let player: Replayer;
    //First record
    this. player = new Replayer(...)
    this.player.play();
    this,player.on('end') => this.player new Replayer (...);
    Just POC
    @shekharsom_twitter

    @shekharsom_twitter Since you are using the replayer, do you have an idea how to resize it? i want to display the record in a custom div

    I couldn't resize it easily. I am currently resorting to transform:scale(0.8);
    Could you please show me code sample?? i'm really stcuk on that, and i'm not an expert with css

    Som Shekhar
    @shekharsom_twitter
    yes. but the first instance is still hangling around. usually, using react/mithril, if a component needs to be initiated manually, it should be destroyed manually as well.
    Yousef Alaqra
    @yousefalaqra
    This is really bad for the memory!
    OK, why don't you re-assing the events array, and then re-play the same instance from the first timestamp!
    @shekharsom_twitter
    Som Shekhar
    @shekharsom_twitter

    OK, why don't you re-assing the events array, and then re-play the same instance from the first timestamp!

    yes. tried doing that... for some reason that didn't work... but finally, moved to setting it to null.

    Yousef Alaqra
    @yousefalaqra
    i think that is it, could you please tell more about the resizing? @shekharsom_twitter
    Som Shekhar
    @shekharsom_twitter
    now, i am stuck at a different issue altogether!!
    Yousef Alaqra
    @yousefalaqra
    And what's it??
    Som Shekhar
    @shekharsom_twitter
    if the recording is long, it's a long array. now, i need to save and it and retrieve it to play.
    using simple ajax doesn't work well because if it's a huge object, it takes time to save or download to play.