# Screen recording

### Quick Overview

BetterBugs.io enables you to record your screen to capture software issues while they occur. While recording your screen, you can:

1. **Annotate or markup** to highlight information while recording is in progress.
2. **Blur elements** on the page to avoid sharing sensitive data with the video.
3. **Add personalized video messages** using your mic and webcam to share the complete context.

Once you stop the recording, BetterBugs.io will also capture and auto-attach [complete technical details](https://docs.betterbugs.io/product-features/developer-tools) (from the devtools) to the bug report. These include:

* System info
* Console logs
* Network requests
* Backend (event logs from Sentry)
* Steps (Page navigation steps)
* Metadata (Custom)
* Application State

You can also use the "**AI**" toggle to get add quick summary and steps to reproduce the issue while creating the report session.&#x20;

The [auto-attached technical information](https://docs.betterbugs.io/product-features/developer-tools) (along with the screen recording of the issue) helps you run the **manual RCA** with all the info and context you need and debug significantly faster.&#x20;

For debugging purposes with BetterBugs.io bug reports, you can do it using:

* Manual methods (using the [auto-attached developer tools info](https://docs.betterbugs.io/product-features/developer-tools) paired with the visual proof)
* [AI Debugger](https://docs.betterbugs.io/debug-a-report/ai-debugger)
* [MCP (Model Context Protocol) Server](https://docs.betterbugs.io/debug-a-report/mcp)

Just like capturing screenshots, screen recordings (along with the technical details) can help share the issue effectively to others with complete context and clarity.&#x20;

### **How it Works**

1. Record the screen.
2. BetterBugs automatically adds all relevant details and information.
3. Upload the screenshot to create report session with all the details.
4. Share the link with others for debugging.

### Available Modes for Screen Recording in BetterBugs.io

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Current tab</td><td>Records the current browser tab.</td><td><a href="screen-recording/current-tab">current-tab</a></td><td><a href="https://3235868439-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FbvHLsd8EesoW47MMWHBF%2FCurrent-tab.png?alt=media&#x26;token=31d7483e-8ee0-4860-b294-621fef171f30">Current-tab.png</a></td></tr><tr><td>Entire window</td><td>Records all activities on the screen.</td><td><a href="screen-recording/entire-window">entire-window</a></td><td><a href="https://3235868439-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FuN3hGGjk60dMcLG7jnzE%2FEntire-window.png?alt=media&#x26;token=636484e3-8972-432d-84be-51a7e6c04063">Entire-window.png</a></td></tr></tbody></table>

### **BetterBugs.io Bug Report: Key Features for Screen Recording**

* **Two record modes**: Current tab, Entire window
* Record instantly or with a 3-second or 5-second countdown timer
* Record screens for up to 15 minutes
* Pause feature
* Annotate video
* Blur elements while recording
* Add video messages using your mic and webcam

Not only QA engineers and developers but also project managers and support teams can easily generate, share, and understand these reports.

When you capture a screenshot with BetterBugs.io, developer-friendly details are auto-captured and tagged with it. You don't have to worry about adding anything manually. QA can send these comprehensive reports to the development team within minutes, making the bug-reporting workflow frictionless.
