rrweb-io/community

Tristan

@Tristan81134206_twitter

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?

sankarpa

@sankarpa

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

how to make it support IE11 ,now the error like this: miss ':'

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?

sankarpa

@sankarpa

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?

githubdrop

@githubdrop

@Juice10 hi I am facing 2 problems 1. Not not able to see any replay of any user. In all replays, I can only see a white screen with the cursor moving.

4 replies

githubdrop

@githubdrop

anyone knows why is that Not able to see any replay of any user. In all replays, I can only see a white screen with the cursor moving.

Zhang Hong

@hong7_gitlab

hi, I am new to rrweb, can rrweb be integrated with matomo, or wordpress as a plugin?

Håvard Norén

@havard024

Hi, I'm having issues with my replays, it looks like the styles are missing. I've documented the issue on github rrweb-io/rrweb#58
The website is created using the ionic framework v5 and angular v9, the site uses sentry and their rrweb integration "sentry/rrweb version 0.2.0". I'm viewing the replay on sentry itself.

Daniel Ternyak

@danielternyak_gitlab

Hi there!

I've been experimenting rrweb and I'm trying to understand if there's a means to develop two-way cross browsing

I think you would do something like this:

record events from the client
broadcast them to the watcher
start recording events on the watcher side, but only record events that occur within the DOM of the client
broadcast events from the watcher to the client

The issue I'm encountering is that record doesn't appear to let you target a DOM node - it seems to watch the entire page. Is there any way to limit record to target a particular DOM node?

x14Dev

@x14Dev

Hi, is there any way to do something like rrweb does, but for a website that you do not own?

Just an example: I'm trying to show my grandma how to use a website. So I would just like to record my interaction with that website and send it to her.

So is there anyway to do this while still having the nice red mouse trail and smoothness of the recording that rrweb provides?

yz-yu

@Yuyz0112

Hi all, just find can access to gitter again!

I've just updated the guide doc and write some more comprehensive recipes for rrweb: https://github.com/rrweb-io/rrweb/blob/master/docs/recipes/index.md.

BTW, we have a very exciting community plan. Please let me know if you are interested in it. And you can help us upvote the plan on hackernews: https://news.ycombinator.com/item?id=25147545

@/all

githubdrop

@githubdrop

any rrweb expert who can solve bugs and enhance feature in my current web app of session recording and heatmap

Mr. NorthWatch

@mr-northwatch

i'm not an expert, but I got a basic integration working a few days ago

do you have the basics working?

@githubdrop

Where communities thrive

People

Repo info

Activity