Add useMicrophone hook
@Shahab-16 ya está trabajando en esto.
Desde el 17/12/2025.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 55/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Tranquilo
- Stack tecnológico
- react, typescript
- Área
- audio-video-rtc, frontend
Línea de trabajo
Start by reviewing the repository's existing React hook patterns, then trace the browser getUserMedia and MediaStream APIs named in the issue. Implement the proposed stream, granted, error, start, and stop behavior with cleanup on unmount; done means permission and capture lifecycle behavior matches the requested API.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- TypeScript
- Estrellas
- 44k
- Forks
- 3.3k
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de streamich/react-use
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
-
Add Generic Fn for useDebouncePosiblemente ocupada @itsmejay80 la tomó hace 191 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 64/100
-
useVideo.story.tsx - sampleVideo can not be loadedQuizá libre de nuevo Un pull request para esta issue se cerró sin fusionarse. Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 62/100
-
useSlider: event callbacks are not updatedPosiblemente ocupada @erykpiast la tomó hace 1838 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
Todos los issues de streamich/react-use
Issues similares
-
docs(api): openapi.yaml still documents gif-tools optimize colors as 2-256 instead of 2, 4, 16, 256Abiertoarea: backend documentation priority: low
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
snapotter-hq/SnapOtter#2919 ·
Los mantenedores suelen responder en 1 día
-
BUG: Uncaught MEMORY USAGE error on Redis < 4.0 causes keys table data load to fail entirelyAbiertoaccepted :+1: bug db/redis
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
beekeeper-studio/beekeeper-studio#4882 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
ready-for-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
konflux-ci/konflux-ui#1630 · 1 comentario ·
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 67/100
ahmedkhaleel2004/gitdiagram#233 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
simkimsia/netlify-axi#19 ·
Los mantenedores suelen responder en 1 día