extjs6调用电脑摄像头
时间: 2023-05-20 10:02:04 浏览: 118
可以使用HTML5中的getUserMedia API来调用电脑摄像头,同时结合ExtJS6的组件来实现。以下是一个简单的示例代码:
```
Ext.create('Ext.panel.Panel', {
title: 'Camera',
layout: 'fit',
items: [{
xtype: 'component',
autoEl: {
tag: 'video',
autoplay: true,
muted: true
},
listeners: {
afterrender: function(cmp) {
navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
cmp.el.dom.srcObject = stream;
})
.catch(function(err) {
console.log(err);
});
}
}
}]
});
```
这段代码创建了一个ExtJS6的面板,其中包含一个video标签,通过getUserMedia API获取电脑摄像头的视频流,并将其赋值给video标签的srcObject属性,从而实现调用电脑摄像头的功能。
阅读全文