Canvas is a special HTML element that is not commonly tracked. Instead, Smartlook captures a video of this element, which is then embedded into the recording in place of the recorded canvas.
If you built your website using Flutter, you may need to enable this feature. Without enabling this feature, the session recording could be blank. This is because Flutter for web renders the entire page into Canvas. If you are also using Flutter on your iOS or Android app, you can refer to the mobile Flutter SDK installation.
Recording can be enabled by setting the data-sl attribute on the canvas element or its predecessors.
Attribute value specifies the recording quality.
const canvasElement = document.querySelector("#my-canvas") canvasElement.dataset.sl = "canvas-mq"
document.body.dataset.sl = "canvas-mq"
Updated about 1 month ago