> For the complete documentation index, see [llms.txt](https://myty.gitbook.io/products/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://myty.gitbook.io/products/sdk/react-example/choose-video-device-for-input.md).

# Choose Video Device for input

## VideoDeviceContext

{% embed url="<https://github.com/Off-Live/myty-sdk/blob/pre-release/dev/examples/react_2d_mp/react/src/context/VideoDeviceContext.tsx>" %}

A context to share video reference throughout the application. As explained in <mark style="color:purple;">`Handle WebGL view & interaction`</mark>, video should be included as a part of HeadOnly(AR) mode, and also, it should be an input for motion capture tool to get motion captured results.&#x20;

## VideoDeviceSelect

{% embed url="<https://github.com/Off-Live/myty-sdk/blob/pre-release/dev/examples/react_2d_mp/react/src/components/VideoDeviceSelect.tsx>" %}

Simple component that wraps react-select. It is just for providing simple dropdown to users, delivering selected device information to <mark style="color:purple;">`VideoDeviceContext`</mark>