i just got another example which does have type-2:
res = r'{"events":[{"type":3,"data":{"source":1,"positions":[{"x":239,"y":18,"id":314,"timeOffset":0}]},"timestamp":1585130671906},{"type":3,"data":{"source":1,"positions":[{"x":252,"y":262,"id":1002,"timeOffset":-434}]},"timestamp":1585130672406},{"type":3,"data":{"source":2,"type":6,"id":1},"timestamp":1585130672553},{"type":3,"data":{"source":2,"type":5,"id":1},"timestamp":1585130674393},{"type":3,"data":{"source":1,"positions":[{"x":219,"y":26,"id":524,"timeOffset":0}]},"timestamp":1585130674554},{"type":3,"data":{"source":1,"positions":[{"x":214,"y":92,"id":321,"timeOffset":-461},{"x":230,"y":243,"id":334,"timeOffset":-395},{"x":265,"y":345,"id":329,"timeOffset":-343},{"x":385,"y":446,"id":316,"timeOffset":-245},{"x":477,"y":360,"id":329,"timeOffset":-178},{"x":483,"y":310,"id":333,"timeOffset":-128},{"x":446,"y":304,"id":1052,"timeOffset":-62},{"x":392,"y":353,"id":1050,"timeOffset":0}]},"timestamp":1585130675064},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":1072,"attributes":{"style":"opacity: 1; position: absolute; left: 43px; top: 141px;","hidden":null}},{"id":1051,"attributes":{"class":"pie-chart-container full-width-height cursor-pointer"}}],"removes":[],"adds":[{"parentId":1073,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"\n ","id":3449}},{"parentId":1073,"previousId":3449,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{"class":"tooltip-label-container"},"childNodes":[],"id":3450}},{"parentId":3450,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"User Endpoint","id":3451}},{"parentId":1073,"previousId":3450,"nextId":-1,"node":{"type":3,"textContent":"\n ","id":3452}},{"parentId":1073,"previousId":3452,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{"class":"triangle"},"childNodes":[],"id":3453}},{"parentId":1073,"previousId":3453,"nextId":-1,"node":{"type":3,"textContent":"\n ","id":3454}},{"parentId":1073,"previousId":3454,"nextId":null,"node":{"type":2,"tagName":"div","attributes":{"class":"tooltip-text-container"},"childNodes":[],"id":3455}},{"parentId":3455,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"\n ","id":3456}},{"parentId":3455,"previousId":3456,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{"class":"tooltip-text-bg"},"childNodes":[],"id":3457}},{"parentId":3457,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"290","id":3458}},{"parentId":3455,"previousId":3457,"nextId":null,"node":{"type":3,"textContent":"\n ","id":3459}}]},"timestamp":1585130675230},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":1072,"attributes":{"style":"opacity: 0; position: absolute; left: 43px; top: 141px;","hidden":""}},{"id":1051,"attributes":{"class":"pie-chart-container full-width-height"}}],"removes":[{"parentId":1073,"id":3449},{"parentId":1073,"id":3450},{"parentId":1073,"id":3452},{"parentId":1073,"id":3453},{"parentId":1073,"id":3454},{"parentId":1073,"id":3455}],"adds":[]},"timestamp":1585130675254},{"type":3,"data":{"source":0,"texts":[],"attributes":[{"id":1072,"attributes":{"style":"opacity: 1; position: absolute; left: 146px; top: 120px;","hidden":null}},{"id":1051,"attributes":{"class":"pie-chart-container full-width-height cursor-pointer"}}],"removes":[],"adds":[{"parentId":1073,"previousId":null,"nextId":-1,"node":{"type":3,"textContent":"\n ","id":3460}},{"parentId":1073,"previousId":3460,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{"class":"tooltip-label-container"},"childNodes":[],"id":3461}},{"parentId":3461,"previousId":null,"nextId":null,"node":{"type":3,"textContent":"IoMT","id":3462}},{"parentId":1073,"previousId":3461,"nextId":-1,"node":{"type":3,"textContent":"\n ","id":3463}},{"parentId":1073,"previousId":3463,"nextId":-1,"node":{"type":2,"tagName":"div","attributes":{"class":"triangle"},"childNodes":[],"id":3464}},{"parentId":1073,"previousId":3464,"nextId":-1,"node":{"type":3,"textContent":"\n ","id":3465}},{"parentId":1073,"previousId":3465,"nextId":null,"node":{"type":2,"tagName":"div","attribu
it looks like this (above)
Hi all ,
Im trying to record and replay the sessions using rrweb script.I installed it and collected the events :
My events are like this :
events = [{'events': [{'type': 0, 'data': {}, 'timestamp': 1586525806542}, {'type': 1, 'data': {}, 'timestamp': 1586525809409}, {'type': 4, 'data': {'href': 'http://192.168.1.102/sample.html', 'width': 1533, 'height': 801}, 'timestamp': 1586525809409}, {'type': 2, 'data': {'node': {'type': 0, 'childNodes': [{'type': 2, 'tagName': 'html', 'attributes': {'style': '', 'class': ' js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths'},},.......,{'events':[]}]
const replayer = new rrweb.Replayer(events);
replayer.play();I have included this js code in my script,when i run my html file it throws an error : Uncaught TypeError: Cannot read property 'appendChild' of null
What will be the reason ??
And which browser are you using?
view-source:http://lab.myriptide.com/rrweb-debug/reproduce.html
I see a pull request closed and it seems to be increasing record iframe in a website's iframe. I am seeing "rrweb" doesn't work with iframes. I don't know if that pull request will make iframe writable if it attaches a certain class.
https://github.com/rrweb-io/rrweb/pull/68/files
@Yuyz0112 Hey Yuyz and all,
I'm having the following problems:
1) for complicated pages - the entire browser gets stuck and crashes.
did anyone else encounter this problem?
2) I want to record an entire session with different pages. the rr-web did not serialize all the different pages, and i was forced to do stopRecord() and startRecord() for every page navigation.
Is this the correct practice? is there a way to make it more efficient?
@Yuyz0112 Sadly I cant.
I am working in angular 8 framework.
The problem is that on navigating to a heavy page - the recorded starts adding emitting thousands of events to the "events" array.
if I call stopRecordingFunction() after 6000 events in the array - the UI is OK,
These 6000 were sent to the backend - however while replaying them - they show nothing..
any idea?
we figured out the problem. apperently the rrweb and ngbtooltip can not live together.
once we hovered over the tooltip - the record function got over 10000 events in like 5 seconds and it never stoped until the UI crashed.
it happaned in some other cases too - but we didn't have the time to investigate that too
I believe it happens here: https://github.com/rrweb-io/rrweb-snapshot/blob/master/src/snapshot.ts#L17
We need this because
document.createElement will failed if the tag name is invalid. Maybe we need find another way to create element with invalid tag name?
Hey there @Yuyz0112 , I hope you and all the community members have a great day first of all!
I am just messaging to ask regarding the https://github.com/rrweb-io/rrweb-snapshot code. Could you please, give us an example of how we could use the snapshot code alone to simply take a snapshot of a page on demand via javascript?
@Yuyz0112 If a page contain this kind of code : <!--[if lt IE 9]>
<script src="//cdnj... html5shiv.min.js" type="text/javascript"></script>
<![endif]--> rrwebPlayer will crash with that error ( I think it's because it's a type 5 (comment) and when rrwebplayer read this part and found this caractere "<" it crash
