Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Add useMicrophone hook

オープン
#2,676 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

@Shahab-16 がすでに取り組んでいます。

2025年12月17日 から。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
55/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
静か
技術スタック
react, typescript

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語
TypeScript
スター
44k
フォーク
3.3k
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

streamich/react-use のほかの issue

streamich/react-use の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。