Я создал элемент видео в 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 об удалении видео с холста