> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flashduty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Feature Overview

> Master Flashduty RUM's session replay feature to quickly locate issues and optimize user experience by recreating user operation paths.

Flashduty RUM's **Session Replay** feature is a powerful user behavior analysis tool designed to help developers recreate user operation paths in websites or applications. Combined with RUM performance and error tracking data, it provides an intuitive understanding of user experience and quickly locates root causes of issues.

## Core Features

<CardGroup cols={2}>
  <Card title="User Action Recording" icon="video">
    Automatically records user actions such as mouse clicks, page scrolling, form input, and navigation behavior, generating intuitive session replay videos
  </Card>

  <Card title="Error Correlation" icon="link">
    Combines session replay with error tracking, automatically correlating user actions and page state when exceptions occur
  </Card>

  <Card title="Interaction Analysis" icon="timeline">
    Provides user interaction timeline, showing operation sequences, page load times, and key event occurrence points
  </Card>

  <Card title="Privacy Protection" icon="shield">
    Offers flexible privacy configuration to mask sensitive information or limit recording scope, ensuring data compliance
  </Card>
</CardGroup>

## Value and Benefits

| Benefit                        | Description                                                                                                                                    |
| ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| **Intuitive Problem Location** | Quickly understand the specific operation path users encountered when experiencing issues through visual replay, reducing troubleshooting time |
| **Improve User Experience**    | Gain insights into user behavior patterns, discover interaction pain points, and optimize page design and functionality logic                  |
| **Data-Driven Optimization**   | Combine exception data and user behavior analysis to provide reliable data support for product iteration                                       |

## Use Cases

<AccordionGroup>
  <Accordion title="Issue Reproduction">
    Reproduce the operational scenario when exceptions occurred by replaying user sessions, quickly locating the root cause.
  </Accordion>

  <Accordion title="User Behavior Analysis">
    Analyze user behavior on key pages (such as payment, registration) to optimize user experience and conversion rates.
  </Accordion>

  <Accordion title="Debugging & Optimization">
    Combined with error tracking, identify issues like slow page loading and interaction lag to optimize frontend performance.
  </Accordion>

  <Accordion title="Customer Support">
    Quickly understand user-reported issues by replaying user sessions, providing more accurate support.
  </Accordion>
</AccordionGroup>

## Session Replay Process

<Steps>
  <Step title="Behavior Recording & Replay">
    During the recording phase, the recording SDK takes snapshots of the current DOM and CSS styles, and collects corresponding events when user behaviors occur (DOM changes, mouse movement, clicks, form input, etc.). Data is reported after serialization, compression, and sensitive information removal.
  </Step>

  <Step title="Problem Analysis & Optimization">
    Flashduty RUM provides rich behavioral data and analysis tools to help locate problems and optimize experience.
  </Step>
</Steps>

### Core Behavioral Data

| Data Type             | Description                                                           |
| --------------------- | --------------------------------------------------------------------- |
| **User Interactions** | Timeline of clicks, scrolls, inputs, navigation, and other operations |
| **Page Performance**  | Page load time, resource loading failures, API call delays, etc.      |
| **Exception Context** | Page state, DOM structure, and user actions when exceptions occurred  |

### Contextual Information

* **User Environment**: Browser, device, operating system, network conditions
* **Operation Path**: Complete sequence of user operations in the session
* **Page Snapshot**: DOM snapshot of the page when exception occurred

### Problem Types and Location

| Problem Type                | Typical Symptoms                  | Possible Causes                           | Location Method                       |
| --------------------------- | --------------------------------- | ----------------------------------------- | ------------------------------------- |
| **Slow Page Loading**       | White screen, loading timeout     | Resource loading failure, network latency | Check for resource loading anomalies  |
| **Feature Failure**         | Button click unresponsive         | Code logic error, event binding issue     | View specific behavior and exceptions |
| **Form Submission Failure** | Data not saved, submission failed | API response error, form validation issue | View error and exception details      |

## Problem Analysis Tools

<Tabs>
  <Tab title="Session Replay Panel">
    In the player, you can view all user operations including clicks, scrolls, and inputs. It supports playback controls like fast forward, replay, and seek, helping developers intuitively reproduce problem scenarios and precisely analyze user behavior.
  </Tab>

  <Tab title="Events & Context Correlation">
    Session replay supports correlation with various events (such as view loading, errors, user behavior), allowing you to view detailed errors and attributes (contextual information like device type, browser version, geographic location, etc.), facilitating root cause identification and in-depth analysis.
  </Tab>
</Tabs>

## Next Steps

<CardGroup cols={3}>
  <Card title="SDK Configuration" icon="gear" href="./sdk-config">
    Configure session replay collection
  </Card>

  <Card title="View Session Replay" icon="play" href="./session-viewing">
    Learn how to view replay records
  </Card>

  <Card title="Privacy Protection" icon="shield" href="./privacy-protection">
    Learn about privacy protection settings
  </Card>
</CardGroup>