本章导读:讲解音视频采集的配置参数,讲解视频滤镜的使用。推荐阅读方式:理解+实操。
本节继上一节的内容。上节我们通过API“navigator.mediaDevices.getUserMedia(mediaStreamConstraints)”实现了video标签播放实时采集的音视频数据,本节我们来详细的讲解采集参数的配置——mediaStreamConstraints。其数据结构如下所示。
dictionary MediaStreamConstraints { (boolean or MediaTrackConstraints) video = true; (boolean or MediaTrackConstraints) audio = true; }
上述代码告诉我们,MediaStreamConstraints 对象中,video和audio选项至少一个,不能音频和视频都不采集。 video 和 audio参数即可以是boolean型又可以是其他配置数据类型,简单粗暴的配置直接传一个true/false 的值即可,但实际的项目开发中,需要更加详细的配置,于是本节我们看看其详细配置参数都可以配置哪些,常用的配置如下代码。
const MediaStreamConstraints = { video:{ width:1280, height:720, faceMode:"enviroment", frameRate:30, resizeMode:"", } }
详细解释。