rrvideo icon indicating copy to clipboard operation
rrvideo copied to clipboard

My recording shows null text in all over the video

Open CB-Techno opened this issue 1 year ago • 0 comments

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>

CB-Techno avatar Jan 22 '25 06:01 CB-Techno