webrtc 音视频采集 · 音视频/C++/k8s/Docker等等学习笔记

[TOC] ## 核心函数 ``` navigator.mediaDevices.getUserMedia ``` ## 代码示例 client.js ``` 'use strict' var vidoeplay = document.querySelector('video#player'); function gotMediaStream(stream) { vidoeplay.srcObject = stream; } function handleGetMediaError(err) { console.log('getUserMedia error:', err); } if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) { console.log("getUserMedia is not support"); } else{ var constraints = { video: true, audio: false } navigator.mediaDevices.getUserMedia(constraints) .then(gotMediaStream) .catch(handleGetMediaError); } ``` index.html ``` <html> <head> <title>WebRtc capture video and audio</title> </head> <body> <video autoplay playsinline id="player"></video> <script src="./js/client.js"></script> </body> </html> ``` ## 适配不同浏览器的方法自己实现 ``` var getUserMedia = navigator.getUserMedia|| navigator.webkitGetUserMedia|| navigator.mozGetUserMedia; ``` 使用Google开源库adapter.js ``` https://webrtc.github.io/adapter/adapter-latest.js ```