ext js连接电脑摄像头录像且保存录像

Ext JS是一个纯前端的JavaScript框架，它本身并不提供直接连接电脑摄像头录像的功能。但可以通过使用一些第三方JavaScript库来实现这个功能。其中一个比较流行的库是WebRTC。WebRTC是一个开放源代码项目，它提供了浏览器之间的音频和视频通信功能，可以实现浏览器直接与摄像头进行交互。

以下是使用WebRTC来连接电脑摄像头录像的基本步骤：

1. 获取用户授权

在使用摄像头之前，需要向用户请求授权。可以使用以下代码来请求授权：

navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
  // 成功获取摄像头流
}).catch(function(error) {
  // 获取摄像头流失败
});

2. 创建视频元素

使用以下代码来创建一个视频元素，用于显示摄像头捕捉到的画面：

var video = document.createElement('video');
video.autoplay = true;
video.muted = true;
document.body.appendChild(video);

3. 将摄像头流绑定到视频元素上

使用以下代码将摄像头流绑定到视频元素上：

video.srcObject = stream;

4. 开始录像

使用以下代码来启动录像：

var mediaRecorder = new MediaRecorder(stream);
var chunks = [];

mediaRecorder.start();

mediaRecorder.ondataavailable = function(e) {
  chunks.push(e.data);
};

mediaRecorder.onstop = function() {
  var blob = new Blob(chunks, { type: 'video/webm' });
  var url = URL.createObjectURL(blob);
  // 保存录像
};

5. 保存录像

在录像结束时，可以将录像保存到本地或上传到服务器。可以使用以下代码将录像保存到本地：

var a = document.createElement('a');
a.download = 'video.webm';
a.href = url;
document.body.appendChild(a);
a.click();

注意：由于浏览器的安全限制，保存文件需要用户手动点击下载按钮触发。不能直接使用JavaScript将文件保存到本地。