Как выбрать элемент видео в холсте fabri cjs? - PullRequest
1 голос
/ 08 апреля 2020

Я создал элемент видео в fabri cjs со следующим

 const videoE = document.createElement('video') as HTMLVideoElement;
        videoE.width = 240;
        videoE.height = 140;
        videoE.crossOrigin = 'anonymous';
        videoE.controls = true;
        videoE.id = idObject.toString();
            const source = document.createElement('source') as HTMLSourceElement;
            source.src = url;
            source.type = 'video/webm';
            videoE.appendChild(source);
            console.log(videoE);


        const fab_video =  this.fabricUtilsService.addVideo(videoE, {
            elementType: ElementType.Video,
            scaleX: 1,
            scaleY: 1,
            idObjet: idObject,
       }, url
        );

           canvas.add(fab_video);
           fab_video.getElement().play();


          fabric.util.requestAnimFrame(function render() {
                canvas.renderAll();
                fabric.util.requestAnimFrame(render);
            });

Видео правильно загружено и отображается на холсте fabri cjs. Теперь у меня есть кнопка, которая должна удалить видео с холста. Я пробовал следующее:

Удаление видео с холста Объекты останавливает анимацию. Видео больше не отображается на холсте, но звук по-прежнему воспроизводится в фоновом режиме.

Сначала приостанавливается воспроизведение видео, а затем удаление видео из объектов холста должно дать желаемый результат. Я не могу получить элемент видео из объектов холста, хотя приостановить его.

Есть ли другой способ выбрать элемент видео из холста и применить методы воспроизведения / паузы? Есть ли лучший способ go об удалении видео с холста

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...