> ## Documentation Index > Fetch the complete documentation index at: https://velt.dev/docs/llms.txt > Use this file to discover all available pages before exploring further. # Media Source Settings > Media source settings component. > [!NOTE] > > We recommend that you familiarize yourselves with [UI Customization Concepts](https://velt.dev/docs/ui-customization/overview.md) before attempting to modify any components. ## Overview ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-overview.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=e87b3c7dcb09612f666a9452c19b6a54) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > > ``` ## Audio ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-overview.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=c97b458c529a93ba3ff38520fd439f3d) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > > > > ``` ### ToggleIcon ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-toggle-icon.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=0b9dfb09fda55c9d3aac4f39cf3a28f1) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > > ``` ### SelectedLabel ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-selected-label.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=ecadb4f1943b82627d27b7c7a721d815) > [tab] React / Next.js > > ```jsx theme={null} > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > ``` ### Divider ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-divider.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=8cf716bbc4b17f9372f6a3d9cb7d4350) > [tab] React / Next.js > > ```jsx theme={null} > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > ``` ### Options ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-options.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=7cbf8c7aadb899674d6fc0cde7f76706) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > ``` #### Item ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-options-item.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=be2d85697351f40980a97712e4611cab) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > > ``` ## Video ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-video-overview.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=b6a6b93f0979f47c4d27f0b9e33017b6) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > > > > ``` ### ToggleIcon ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-toggle-icon.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=0b9dfb09fda55c9d3aac4f39cf3a28f1) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > > ``` ### SelectedLabel ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-video-selected-label.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=7dc4d4b62d02a5fb14aa423c9cc0a811) > [tab] React / Next.js > > ```jsx theme={null} > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > ``` ### Divider ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-audio-divider.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=8cf716bbc4b17f9372f6a3d9cb7d4350) > [tab] React / Next.js > > ```jsx theme={null} > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > ``` ### Options ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-video-options.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=32ed331c9f0d4d4f5b3602363e8e16fd) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > ``` #### Item ![](https://mintcdn.com/velt/dyFYQCjsbV4dlQf6/images/customization/recorder/media-source-settings-video-item.png?fit=max\&auto=format\&n=dyFYQCjsbV4dlQf6\&q=85\&s=9ff432be6a870d9255541b1ebf7b3e5b) > [tab] React / Next.js > > ```jsx theme={null} > > > > > > > ``` > [tab] Other Frameworks > > ```html theme={null} > > > > > > > ``` This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.