Watch yourself shop
The shop below is recorded by the real Replayowl recorder. Browse it, open a menu, add things to the cart, fill in the checkout form, press the Buggy button on the lantern page. Then press Replay and watch it back in the real player.
Open the Shop menu, add something to the cart, type in the checkout form. Then press Replay.
What you are looking at
On a real site, the recorder uploads a batch to your Replayowl server every 4 seconds. Here, each batch is handed to this page instead and kept in memory. Nothing is sent anywhere, and the recording disappears when you close the tab.
The recorder in this demo is the same 7.8 KB gzipped script you would put on your site, and the player is the same one the dashboard uses.
Things to try
- Hover the Shop menu. Hover styles come back in the replay because the player follows the recorded cursor.
- Type in the checkout form. Inputs are masked before they leave the page, and the replay shows stars of the same length.
- Press Buggy button on the lantern page. It logs an error and throws an exception; both show as red diamonds on the timeline.
- Click one spot several times quickly. That is a rage click, marked with a red dot.
- Drag the timeline backwards and forwards. Seeking rebuilds the page in a hidden frame and swaps it in, so it does not flicker.
Ready to record your own site? Start with the docs.