上手指南
Hooks 列表
后期规划
上手指南
Hooks 列表
后期规划
简体中文

useUserMedia

Tags:
Sensors
isSupported

一个用于管理用户媒体的 React 钩子。

演示

源码

用法

请查看 API。

源码

点击下方链接跳转 GitHub 查看源代码。

🪝 Hook🎨 Demo📄 Document

API

const { stream, isSupported } = useUserMedia(options)

选项 Options

export interface UseUserMediaOptions { /** * 当 MediaStream 准备就绪时的回调 */ onStart?: (stream: MediaStream) => void /** * 当 MediaStream 停止时的回调 */ onStop?(): void /** * 当 deviceIds 或 constraints 改变时重新创建流 * * @defaultValue true */ autoSwitch?: boolean /** * 将应用于请求的 MediaStream 的 MediaStreamConstraints * 如果提供，constraints 会覆盖 videoDeviceId 和 audioDeviceId * * @defaultValue {} */ constraints?: MediaStreamConstraints }

返回值

export interface UseUserMediaReturns extends Pausable { /** * 当前的 MediaStream */ stream: MutableRefObject<MediaStream | null> /** * 浏览器是否支持 getUserMedia */ isSupported: boolean }