Захват изображения с веб-камеры Ext JS - PullRequest
Новая
       6

Захват изображения с веб-камеры Ext JS

1 голос
/ 21 февраля 2020

Я наткнулся на этот учебник здесь: https://github.com/mdn/samples-server/blob/master/s/webrtc-capturestill/capture.js

Однако у меня возникли проблемы с его внедрением в мой код, и я искал некоторую помощь ...

Я в основном хочу иметь панель, где вы можете нажать кнопку «сделать снимок». Затем откроется новая плавающая панель, где автоматически начнется прямая трансляция с веб-камеры, и у вас будет кнопка, которая захватывает изображение. 

    takePicture: function (photoPanel)
    {
        let me = this;

        let capture = Ext.create('Ext.panel.Panel', {
            title: 'Take Picture',
            height: 500,
            width: 750,
            draggable: true,
            closable: true,
            floating: true,
            layout: {
                type: 'vbox',
                pack: 'center',
                align: 'middle'
            },
            items: [
                {
                    xtype: 'container',
                    itemId: 'video',
                    height: 400,
                    width: 350
  // this is where I want the live webcam to stream
                },
                {
                    xtype: 'button',
                    text: 'Take Picture',
                    itemId: 'startbutton',
                    handler: function (btn)
                    {

                    }
    // button to capture the image
                }
            ]
        });
        photoPanel.add(capture).show();
    },

1 Ответ

1 голос
/ 25 февраля 2020

Я сделал простую скрипку с захватом фотографий на основе предоставленных сценариев

...