extjs调用摄像头

Ext.define('MyApp.view.CameraView', {
    extend: 'Ext.panel.Panel',
    xtype: 'cameraview',
    layout: 'fit',
    items: [{
        xtype: 'component',
        autoEl: {
            tag: 'video',
            width: '100%',
            height: '100%',
            autoplay: true,
            controls: false
        },
        listeners: {
            afterrender: function(videoElement) {
                navigator.mediaDevices.getUserMedia({ video: true })
                    .then(function(stream) {
                        videoElement.srcObject = stream;
                    })
                    .catch(function(error) {
                        console.error('Error accessing camera:', error);
                    });
            }
        }
    }]
});