WebRTC-基础笔记

WebRTC

webkit的api

https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia#%E5%89%8D%E7%BD%AE%E6%88%96%E8%80%85%E5%90%8E%E7%BD%AE%E6%91%84%E5%83%8F%E5%A4%B4

1.获取音视频设备

navigator.mediaDevices.enumerateDevices().then((deviceInfos)=>{
    console.log(deviceInfos);
}).catach((error)=>{
    console.log(error.name, " : ", error.message);
});

2.音视频采集API

var promise = navigator.mediaDevices.getUserMedia(constraints, success回调, error回调);

3. adapter.js 适配全部浏览器厂商

adapter.js

https://webrtc.github.io/adapter/adapter-latest.js

4. 视频约束

width

height

aspectRatio (比例, 一般不使用)

frameRate (码流, 15帧 30帧 60帧 一般电影就是60帧的)

facingMode

        user                    :前置摄像头

        environment     :后置摄像头

        left:                   : 前置左摄像头

        right:                 : 前置右摄像头

resizeMode 裁剪, 一般用的不多

5. 音频约束

volume 音量 0-1.0

sampleRate 采样率 44.1k

sampleSize 采样大小 8位 16位

echoCancellation 是否开启回音消除

autoGainControl 在原有采样的基础上是否自动增加音量

noiseSuppression 是否开启降噪功能

latency 延迟大小(200ms最好, 500ms一般800ms以上会有点差)

channelCount 声道数量

deviceID 设备ID, 可以通过设备ID来切换设备(一般有多个设备才能切换)

groupID 同一个groupID说明是同一台设备的

6. 视频特效

   特效	说明	说明	特效
   grayscale	灰度	透明度	opacity
   sepia	褐色	亮度	brightness
   saturate	饱和度	对比度	contrast
   hue-rotate	色相旋转	模糊	blur
   invert	反色	阴影	drop-shadow