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 ```