screen-cursor-recorder

Record your screen with custom cursor effects and zoom lens — great for tutorials, presentations, and demos.

✨ Features

• Customizable cursor color and size
• Zoom effect that follows your mouse
• Captures screen at 30 FPS using MediaRecorder
• Works in modern browsers (Chrome/Edge/Brave)
• Lightweight & easy to integrate

📦 Installation

npm install screen-cursor-recorder

Usage

import { startRecording } from "screen-cursor-recorder";

async function record() {
  const recorder = await startRecording({
    cursorColor: "rgba(255, 0, 0, 0.5)",
    cursorSize: 20,
    zoomFactor: 2,
    zoomRadius: 100,
    onStop: (blob) => {
      const url = URL.createObjectURL(blob);
      const a = document.createElement("a");
      a.href = url;
      a.download = "recording.webm";
      a.click();
    },
  });

  // Stop after 5 seconds
  setTimeout(() => recorder.stop(), 5000);
}

record();