WebRtc之HTML推流控制码率范围-祥拓软件

首先获取摄像头的流，请在 localhost 或者 https 环境下获取

navigator.mediaDevices.getUserMedia({video: true, audio: true}).then(stream => {

})

创建RTCPeerConnection，并将获取到的流音频和视频轨道添加进去

const pc = new RTCPeerConnection();
stream.getTracks().forEach(track => {
     pc.addTrack(track)
});

交换SDP，最重的一步

pc.createOffer().then(offer => {
            if (offer?.sdp) {
                let arr: string[] = offer?.sdp?.split('\r\n');
                arr.forEach((str: any, i: any) => {
                    if (/^a=fmtp:\d*/.test(str)) {
                       // 这里面就控制码率
                        arr[i] = str + ';x-google-max-bitrate=15000;x-google-min-bitrate=5000;x-google-start-bitrate=5000';
                    }
                });
                offer.sdp = arr?.join('\r\n')
            }
            pc.setLocalDescription(offer).then(() => {
                request.post("服务器接口/getSdp", { 其他参数, sdp: offer.sdp}).then((remoteInfo: any) => {
                    pc.setRemoteDescription({sdp: remoteInfo.sdp, type: 'answer'}).then(() => {
                        console.log('推流成功')
                    })
                })
            })
        })

关闭推送
```
pc.close()
```

1 本站部分内容资源来源于网络公开资源，如有侵害了您的权益，请发送邮件至 work@work100.com.cn 提供相应的资料，我们将删除对应的资源或内容。
2 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
3 本站一律禁止以任何方式发布或转载任何违法的相关信息，如有发现请发送邮件至 work@work100.com.cn 进行举报
4 本站所有原创内容采用知识共享署名4.0国际许可协议进行许可,勿将我们的作品擅自更改、去除署名。《著作权法》亦规定署名权是不可转让的。
5 以上条款内容最终解释权归本站所有

THE END

Vue 前端技术音视频技术