by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Mukesh
    @mukeshsalaria01

    @aaqibjavith
    https://gist.github.com/aaqibjavith/abe2920dded20cee094ef60b13eab618
    It seems you made it work. can you send me the table structure you are using to save the events and how are you merging events of same session and playing it?

    When I'm trying to merge and play the events it's showing me White screen.

    dragmecom
    @dragmecom
    Is the demo on the home page working for anyone? When I click "Replay" it just freezes and tab times out in chrome.
    lllwangwenlong
    @lllwangwenlong
    Can WeChat applet and official account be rrweb?
    Ayantha123
    @Ayantha123
    hi. is there any working solution, that i can download?
    Shivam Kharje
    @itskshivam1318
    <html>

    <head>replay</head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/style.css" />
    <script src="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.js"></script>
    <script>

    function replay(){
    const events = "./events.json"
    const replayer = new rrwebPlayer({
    target:document.getElementById("player"),
    data:{events}
    });
    replayer.play();
    console.log("replay")
    }
    </script>
    <body>
    <button onclick="replay()">replay</button>
    <div id="player"></div>
    </body>
    </html>
    i tried thid
    this*
    but got error
    index.js:1 Uncaught TypeError: e.map is not a function
    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 replay (replay.html:10)
    at HTMLButtonElement.onclick (replay.html:58)
    i also tried directly passing the json object to events
    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.
    1 reply
    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?