2.3、音视频采集(二)

本章导读:讲解音视频采集的配置参数,讲解视频滤镜的使用。推荐阅读方式:理解+实操。

  本节继上一节的内容。上节我们通过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:"",
    }
}

 详细解释。

猜你喜欢

转载自www.cnblogs.com/rajan/p/12448688.html
今日推荐