Skip to main content

Screen Recording Guide

Overview​

CrossCheck's screen recording feature enables you to create comprehensive video documentation of software issues, user interactions, and workflows. With multiple recording modes, camera integration, and technical metadata capture, you can create professional-quality recordings that provide complete context for developers and stakeholders.

Screen Recording Modes​

CrossCheck offers two primary screen recording modes, each designed for specific documentation needs and use cases.

1. Current Tab Recording​

Best For: Recording activities within a specific browser tab for focused documentation.

How to Use Current Tab Recording​

  1. Access the Extension → Click the CrossCheck extension icon in your browser toolbar.
  2. Select Recording Mode → Choose Current Tab in the Screen Recording section.
  3. Configure Settings →
    • Enable Microphone
    • Enable Camera
    • Enable DevTools Recording (for technical data)
  4. Start Recording → Click Start Recording.
    • Indicator will appear in the browser
    • Perform your workflow
  5. Control Recording →
    • Pause/Resume recording
    • Stop to save
    • Cancel to discard

When to Use​

  • Single page issues
  • Form submissions
  • UI testing
  • Web app workflows
  • Focused documentation

Benefits​

  • Focused, relevant content
  • Smaller file sizes
  • Better privacy
  • Faster processing

2. Full Screen Recording​

Best For: Capturing broader content across multiple windows or applications.

How to Use Full Screen Recording​

  1. Access the Extension → Open CrossCheck and go to Screen Recording.
  2. Select Recording Mode → Choose Full Screen.
    • Window Recording (browser only)
    • Entire Screen (desktop + apps)
  3. Configure Settings → Enable mic, camera, DevTools.
  4. Start Recording → Grant permissions and begin.

Window vs Entire Screen​

  • Window Recording → Browser + all tabs (best for multi-tab workflows).
  • Entire Screen → Desktop + apps (best for complex, system-level workflows).

When to Use​

  • Multi-application workflows
  • System-level issues
  • Tutorials and training videos
  • Full context documentation

Camera Integration​

CrossCheck supports adding camera video overlay for commentary.

How to Enable​

  • Start a recording (Tab or Full Screen).
  • Enable camera in the recording toolbar.
  • Drag floating camera window to position it.

Best Practices​

  • Good lighting & clean background
  • Clear speech & eye contact
  • Place camera window strategically

DevTools Integration​

CrossCheck automatically captures technical metadata during recordings.

Captured Data Includes:

  • Console logs & errors
  • Network requests (API, status codes, timings)
  • User interactions (clicks, typing, scrolling)
  • Session metadata (URL, timestamp, device info)

How to Enable:

  • Go to Extension Settings → Enable DevTools Recording.

Benefits for QA & Developers:

  • Debugging context
  • API analysis
  • Environment & system details

Recording Workflow​

  1. Prepare → Close apps, stable internet, test mic/camera.
  2. Choose Mode → Tab (focused) or Full Screen (comprehensive).
  3. Configure Settings → Audio, camera, DevTools.
  4. Start Recording → Begin workflow.
  5. Perform Actions → Narrate clearly.
  6. Stop & Save → Review, annotate, and save to dashboard.

Best Practices​

  • Before Recording: Plan steps, test setup, rehearse.
  • During Recording: Speak clearly, maintain pace, provide context.
  • After Recording: Review quality, add annotations, organize with tags.

Advanced Features​

  • Controls: Pause/resume, stop, cancel.
  • Annotations: Add text, arrows, shapes live or post-recording.
  • Editing: Trim, add comments, attach files.

Troubleshooting​

  • Recording Won’t Start: Check permissions, storage, restart browser.
  • Poor Quality: Check internet/system performance, update browser.
  • Audio Issues: Check mic permissions, device selection.
  • Camera Issues: Verify camera permissions, lighting, device.
  • DevTools Missing: Enable in settings, refresh page.

Integration & QA​

  • Use tags and projects for organization.
  • Follow team workflows for sharing.
  • Review recordings for clarity, technical completeness, and professional presentation.

By following this guide, you’ll create professional-quality screen recordings that provide complete context for issue documentation, debugging, and collaboration.