> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-en/sdks/sdk-web/componentes/video-recording-video-grabacion/eventos.md).

# Events

The Video Provider emits events during its lifecycle.

### Syntax

```typescript
const video = document.querySelector('facephi-video-provider');

video.addEventListener('changeLoading', onChangeLoading);
```

***

## Usage example

```jsx
<facephi-video-provider
    onChangeChannel={(event) => console.log(event.detail)}
    onChangeLoading={(event) => {
        if (!event.detail) {
            // Start widget Flow
        }
    }}
/>
```

***

## Events

* [changeLoading](/docs.facephi-en/sdks/sdk-web/componentes/video-recording-video-grabacion/eventos/changeloading.md): Change in loading state.
* [changeChannel](/docs.facephi-en/sdks/sdk-web/componentes/video-recording-video-grabacion/eventos/changechannel.md): Change in recording channel.