Нативное видео на холсте не работает - PullRequest
0 голосов
/ 04 декабря 2018

Я должен разработать приложение для Android в Nativescript.В котором я должен предоставить видео файлы воспроизведения на холсте.Приложение содержит компонент WebView, который загружает html-файл, в который входит плагин fabric.js для реализации canvas.Встроенное видео автоматически воспроизводится при просмотре веб-страниц.Вот сокращенная версия кода, которая правильно работает на веб-страницах, но не в компоненте WebView.

html

<video id="video-bg" src="bg.mp4" muted loop playsinline autoplay></video>    
<div id="canvas-container">
    <div id="canvas-touch-prevent"></div>
    <canvas id="canvas"></canvas>
</div>

js

var videoBg = document.getElementById("video-bg");
var canvas = new fabric.Canvas('canvas');
var cW = canvas.getWidth();
var cH = canvas.getHeight();
videoBg.onloadedmetadata = function() {
    var video = new fabric.Image(videoBg, {
        name: 'video',
        left: 0,
        top: 0,
        selectable: false,
        cursor: 'none',
        objectCaching: false,
    });
    video.scaleToHeight(cH);
    video.scaleToWidth(cW);
    canvas.add(video);
}

Кто-нибудь может помочь с видео на холсте в Nativescript WebView?

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