Рисование видео на холсте медленно в Firefox - PullRequest
0 голосов
/ 17 октября 2018

Попробуйте эту скрипку в Chrome и Firefox.https://jsfiddle.net/lvl5hm/xosan6w9/29/В Chrome требуется около 0,5-2 мс, чтобы вывести видео на холст, но FF по какой-то причине занимает 20-40, что довольно безумно.Есть ли что-то, что может помочь мне улучшить производительность FF?

const canvas = document.getElementById('canvas')
canvas.width = 500
canvas.height = 300

const ctx = canvas.getContext('2d')

const video = document.createElement('video')
video.src = 'https://static.beeline.ru/upload/images/business/delo/newmain/main.mp4'
video.muted = true
video.loop = true
video.oncanplay = () => {
    video.play()
}

const frameCounterElement = document.getElementById('frameCounter')
let duration = 0
setInterval(() => {
    frameCounterElement.innerHTML = duration.toFixed(2) + 'ms to render'
}, 400)

function loop() {
    const startTime = performance.now()
    ctx.drawImage(video, 0, 0, canvas.width, canvas.height)
    duration = performance.now() - startTime

    requestAnimationFrame(loop)
}

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