Extjs调用电脑摄像头

Extjs可以通过调用浏览器的getUserMedia API来访问电脑摄像头。以下是一个简单的示例代码：

Ext.create('Ext.panel.Panel', {
title: 'Webcam',
width: 640,
height: 480,
renderTo: Ext.getBody(),
items: [{
xtype: 'component',
autoEl: {
tag: 'video',
autoplay: true,
width: 640,
height: 480
},
listeners: {
afterrender: function() {
navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
this.el.dom.srcObject = stream;
}.bind(this))
.catch(function(error) {
console.error('Error accessing webcam:', error);
});
}
}
}]
});

这段代码创建了一个Ext.panel.Panel，其中包含一个video元素，它会自动播放来自电脑摄像头的视频流。在afterrender事件中，我们使用getUserMedia API来获取视频流，并将其分配给video元素的srcObject属性。