Add useMicrophone hook

[lizozom]

Is your feature request related to a problem? Please describe.
Accessing the microphone in React requires verbose boilerplate — handling permissions, creating MediaStream, managing cleanup, and dealing with browser quirks.

Describe the solution you'd like
Add a useMicrophone hook:

const { stream, granted, error, start, stop } = useMicrophone({
  constraints: { audio: true },
});

start() requests permission and begins capture.
stop() stops and releases the mic.
stream is the live MediaStream.

Automatically cleans up on unmount.

Describe alternatives you've considered
Manual getUserMedia usage or small third-party hooks — both repetitive and less reliable.

I would love to implement the hook if you believe it's a good fit for the library.

[Shahab-16]

Hi! I’d like to work on implementing the useMicrophone hook.
Please let me know if I can take this up.

[childrentime]

This is a nice idea — a getUserMedia wrapper that handles permissions, cleanup and the browser quirks is genuinely useful.

In case it helps while this is being considered: @reactuses/core already ships a useMicrophone hook that covers exactly this API (and a bit more). It wraps getUserMedia + the Web Audio API + MediaRecorder into one hook, opens/closes the stream, auto-cleans on unmount, and additionally exposes a throttled RMS level (0–1, handy for a VU meter) and optional recording to a Blob.

import { useMicrophone } from '@reactuses/core';

function Recorder() {
  const {
    isSupported,
    isActive,        // mic stream is open
    stream,          // live MediaStream | null
    level,           // throttled RMS 0..1 (VU meter)
    error,           // getUserMedia / permission errors
    start,           // request permission + open the mic
    stop,            // release the mic
    // optional recording:
    startRecording,
    stopRecording,   // -> Promise<Blob | null>
    blob,
    audioUrl,        // hook-managed object URL
  } = useMicrophone({
    constraints: { echoCancellation: true }, // merged with defaults; audio on by default
    autoStart: false,
  });

  // ...
}

Docs: https://www.reactuse.com/browser/useMicrophone/

Note the one naming difference vs. the proposal: instead of a granted boolean, it exposes isActive (stream open) alongside error, which together cover the permission state. It's actively maintained, SSR-safe and TypeScript-first, so it could be a drop-in until/if this lands here.