rrvideo
rrvideo copied to clipboard
My recording shows null text in all over the video
When I record and replay the video it shows null text all over the video
https://monosnap.com/file/JDXBMwsEn310b6JUKkjXcds0Tn5lmF
Please help me on fixing this
<script>
const events = [];
// Wait for the window to load
window.addEventListener('load', () => {
// Start recording events after a delay of 10 seconds
setTimeout(() => {
console.log("This is testing");
rrweb.record({
emit(event) {
events.push(event); // Collect events
},
sampling: {
mousemove: 150, // Adjust sampling rate for mouse movements
scroll: 150, // Adjust sampling rate for scroll events
},
maskAllInputs: false, // Do not mask input fields
recordCanvas: true, // Enable canvas recording
collectAllAttributes: true, // Collect all attributes of DOM nodes
iframeManager: true, // Enable iframe support
shadowDomManager: true, // Enable Shadow DOM support
});
}, 10000); // Delay in milliseconds
});
// Interval to save events every 2 seconds
const intervalId = setInterval(saveEvents, 2000);
// Function to save recorded events
function saveEvents() {
console.log(events.length);
// If there are more than 100 events, save them
if (events.length > 100) {
console.log(`This is testing, reached 100 events - ${events.length}`);
fetch('https://51d9-103-162-8-143.ngrok-free.app/api/rrweb-events', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ events }),
}).then(() => {
events = [];
});
}
}
</script>