Skip to content

Instantly share code, notes, and snippets.

@alexxty7

alexxty7/gist:b80fc168af8f5bfe21732b92eaefd9c9

Created July 1, 2021 07:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alexxty7/b80fc168af8f5bfe21732b92eaefd9c9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alexxty7/b80fc168af8f5bfe21732b92eaefd9c9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. alexxty7 revised this gist Jul 1, 2021. 1 changed file with 12 additions and 0 deletions.
    12 changes: 12 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -20,4 +20,16 @@ export default function useDevices() {
    return deviceInfo;
    }

    export async function getDeviceInfo() {
    const devices = await navigator.mediaDevices.enumerateDevices();

    return {
    audioInputDevices: devices.filter(device => device.kind === 'audioinput'),
    videoInputDevices: devices.filter(device => device.kind === 'videoinput'),
    audioOutputDevices: devices.filter(device => device.kind === 'audiooutput'),
    hasAudioInputDevices: devices.some(device => device.kind === 'audioinput'),
    hasVideoInputDevices: devices.some(device => device.kind === 'videoinput'),
    };
    }


  2. alexxty7 created this gist Jul 1, 2021.
    23 changes: 23 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    export default function useDevices() {
    const [deviceInfo, setDeviceInfo] = useState({
    audioInputDevices: [],
    videoInputDevices: [],
    audioOutputDevices: [],
    hasAudioInputDevices: false,
    hasVideoInputDevices: false,
    });

    useEffect(() => {
    const getDevices = () => getDeviceInfo().then(devices => setDeviceInfo(devices));
    navigator.mediaDevices.addEventListener('devicechange', getDevices);
    getDevices();

    return () => {
    navigator.mediaDevices.removeEventListener('devicechange', getDevices);
    };
    }, []);

    return deviceInfo;
    }