# ChapteredVideo

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/Viewer/ChapteredVideo.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/Viewer/ChapteredVideo.tsx#L95)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `src` | `string` | ✓ | - |
| `poster` | `string` | - | - |
| `captions` | `string` | - | - |
| `lang` | `string` | - | - |
| `chapters` | `ChapteredVideoChapter[]` | - | [] |
| `hotspots` | `ChapteredVideoHotspot[]` | - | [] |
| `dir` | `unknown | unknown` | - | "ltr" |

## Diagram

```mermaid
graph TD
    component_ChapteredVideo_c6d25cf["ChapteredVideo"]
    class component_ChapteredVideo_c6d25cf rootComponent
```

## Relationships

- USES_HOOK → `useRef`
- USES_HOOK → `useState`
- USES_HOOK → `useMemo`
- USES_HOOK → `useEffect`