Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Shivam Kharje
    @itskshivam1318
    can any one help?
    Shivam Kharje
    @itskshivam1318
    @Yuyz0112
    i tried new rrwebPlayer({ target: document.body, // customizable root element data: { events: PUT_YOUR_EVENTS_ARRAY_HERE, autoPlay: true, }, });
    but still getting the error
    "Replayer need at least 2 events."
    Shivam Kharje
    @itskshivam1318
    @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
    Shivam Kharje
    @itskshivam1318
    i need to get the timestamp at which i hit the pause is it possible
    Jesse Engerman
    @jesseengerman_twitter
    Does this record html video.
    Zhora Khachatryan
    @zhorakh
    Hello everyone,how we can use this package with react app?
    Rahul P R
    @alkamil-rahul

    Hi All,

    My website is slowing down when I use this code, I doubt because of the DOM element size.

    rrweb.record({
    emit(event) {
    // nothing here
    }
    });

    Justin Halsall
    @Juice10
    @Yuyz0112 Thanks for the state management proposal!
    Chaz Gatian
    @cgatian
    My mind is blown right now...
    This message was deleted
    sivavintha
    @sivavintha
    Hi All, When I tried to replay the recordings using the rrweb-player, the timings in the player is shown wrong. it is showing like 3967899:21:00 and the video is not playing. What may be the reason?
    Tristan
    @Tristan81134206_twitter
    Hello there. I'm currently trying to implement rrweb into my React app but am getting a blank screen when I try to run the following code: https://pastebin.com/xWFMPaNM
    Could I please get some help with working this out?
    Tristan
    @Tristan81134206_twitter
    Update - here is the code:
    The error I'm getting is index.js:1 Uncaught Error: Replayer need at least 2 events. at new e (index.js:1) at we._e (index.js:1) at index.js:1 at w (index.js:1) at g (index.js:1) at new we (index.js:1) at Module../src/pages/Home/HomePage.js (HomePage.js:244) at __webpack_require__ (bootstrap:784) at fn (bootstrap:150) at Module../src/core/routes.js (DispatcherConstants.js:30) at __webpack_require__ (bootstrap:784) at fn (bootstrap:150) at Module../src/App.js (index.scss:7) at __webpack_require__ (bootstrap:784) at fn (bootstrap:150) at Module../src/index.js (HomePageDispatcher.js:3) at __webpack_require__ (bootstrap:784) at fn (bootstrap:150) at Object.1 (DateUtils.js:31) at __webpack_require__ (bootstrap:784) at checkDeferredModules (bootstrap:45) at Array.webpackJsonpCallback [as push] (bootstrap:32) at main.chunk.js:1
    Justin Halsall
    @Juice10
    @Tristan81134206_twitter, ah yes common issue, you need to wait with creating your new window.rrwebPlayer({... until you have more than one event in events. Then it will work as expected.
    Randy Johnson
    @randyjohnsonme_twitter
    I record hour long sessions and have a ton of events that I need to pull for the rrwebPlayer. I see in the guide that you pass an array of events. How do I add more events to the player after the player loads with the initial payload of events?
    chmielewski
    @yarekc
    hi. Is there a "nice" player available somewhere so I can playback the recorded events ? (I like the one available on demos: https://www.rrweb.io/replay)
    Is the source code of that player available somewhere ?
    Muhammad Hamza Masood
    @hamzasgd
    hi is there any working example with code in php for record and replay?
    sivavintha
    @sivavintha
    Hi there, using rrweb with php codeigniter + angular js causes very slow loading. is there any work around? especially when hitting rrweb.record function.
    scratcher28
    @scratcher28
    Hi everyone! I've just builded dist/rrweb-snapshot.min.js from sources, but I can't figure out how to use it. I want to snapshot the web page, save it serialized data to DB and rebuild html later. Using: const snap = rrwebSnapshot.snapshot(document); console.log(snap); const html = rrwebSnapshot.rebuild(snap); console.log(html); What's wrong here? Please, help :)
    anuobaba
    @anuobaba
    hi,big boss
    i want to link a out web whitch is not in the same domain. Can rrweb record the web?
    Is there sombody meet this case?
    sankarpatw
    @sankarpatw
    Hello Hiveminds, I am trying to understand the json structure of the rr web recordings, Do we have any documentation around it?
    flameyun
    @flameyun
    hi.How to use rrweb on vue single page application?The page is not refreshed when the router switches,So rrweb did not record
    Christian Schätzlein
    @chrsch_gitlab

    Hi everyone! I've just builded dist/rrweb-snapshot.min.js from sources, but I can't figure out how to use it. I want to snapshot the web page, save it serialized data to DB and rebuild html later. Using: const snap = rrwebSnapshot.snapshot(document); console.log(snap); const html = rrwebSnapshot.rebuild(snap); console.log(html); What's wrong here? Please, help :)

    Same problem here. I don't understand how to rebuild the snapshot. rrwebSnapshot.rebuild(snap) returns only an array with 2 keys. index 0 is null and index 1 contains an empty object. @Yuyz0112, can you please point me in the right direction?

    var snap = rrwebSnapshot.snapshot(document); works, rrwebSnapshot.rebuild(snap); however doesn't.
    Bildschirmfoto 2020-09-08 um 15.01.44.png
    lengfeng0213
    @lengfeng0213
    image.png
    how to make it support IE11 ,now the error like this: miss ':'
    image.png
    this line is not supported in IE11
    Justin Halsall
    @Juice10

    Hi everyone! I've just builded dist/rrweb-snapshot.min.js from sources, but I can't figure out how to use it. I want to snapshot the web page, save it serialized data to DB and rebuild html later. Using: const snap = rrwebSnapshot.snapshot(document); console.log(snap); const html = rrwebSnapshot.rebuild(snap); console.log(html); What's wrong here? Please, help :)

    Same problem here. I don't understand how to rebuild the snapshot. rrwebSnapshot.rebuild(snap) returns only an array with 2 keys. index 0 is null and index 1 contains an empty object. @Yuyz0112, can you please point me in the right direction?

    I'm not sure rrweb snapshot is meant to be used as its own package. AFAIK its more for internal use of rrweb. You can however use rrweb-record to save your page to a backend and replay it with rrweb-replayer (bare replayer) or rrweb-player (has play/pause buttons, and a timeline).

    https://github.com/rrweb-io/rrweb/blob/master/guide.md is a good starting point

    Jinho Hwang
    @jinho10
    Hi everyone. I am new to amazing rrweb. I am wondering the replay (or player) fetches site and perform events or it is just replaying the visualization without performing real actions. From what I observer from examples, I feel that it only replays without performing real actions. Can anyone help me understand on this? Ultimately, I'd like to record user flow activities and replay (perform again) in the same site.
    3 replies
    webzoneus
    @webzoneus
    Hello everyone, does anybody know if rrweb will support playing highlighted text? and, is there a way to view clicks or combinations of keystrokers more visible?
    Dylan Wootton
    @dwootton
    Is there any ongoing discussion on future data structures for tracking events? I noticed in the documentation that v1 could have an altered data structure. Would love to join some of these conversations as I’ve been building a tool to better analyze user data and would love to build out support for integrating rrweb recordings too!
    widget01
    @widget01
    Is there a way to get rrweb working correctly with JQMobile? i have it recording and playing on any static page but as soon as a page is called via ajax it continues to record events but not the screens they are on so all that is shown in the replay is the main screen and a lot off errors were nodes can be found.
    lishouyan
    @lishouyan
    vue.js 2.0 error?
    import  rrweb from 'rrweb/dist/rrweb.min';
    let recodes = [];
    let ss = rrweb.record({
        emit(event) {
            recodes.push(event);
            if (recodes.length > 100) {
                ss();
            }
        },
    });
    who chan help me?
    image.png
    sankarpatw
    @sankarpatw
    Hello RR web gods! I am trying to get only the user events or click events from a web page. From web record I serialized the events, it looks like it has all the web page information and couldn't see the user events happened on a dom node. How can I get those information?
    2 replies
    梁宏远
    @xiaoBiao
    :point_up: October 14, 2020 12:41 AM import { record } from 'rrweb';
    Geoffrey Cleaves
    @gcleaves
    Hello. What backend storage DBs are people using with success? Anything to avoid? Any tips would be appreciated!
    Geoffrey Cleaves
    @gcleaves

    Okay, so I came with that solution: recorded events are sent to server in "slices" (basically setInterval on client side). Each slice is then compressed with zlib, and written to database. When I need to replay the session, each slice is decompressed, and they are concatenated into single array

    Hi @MrOnlineCoder , how is this pattern working for you? Have you come up with a better idea? Are you using a traditional DB for backend, or still MongoDB with compressed data. BTW, can't MongoDB compress on the fly when storing or reading from disk?