Как я могу записать анимацию холста с видео?

У меня воспроизводится видео (с веб-камеры или просто видеофайл), и у меня есть элемент холста для некоторых анимаций. Я хотел бы записать оба элемента и сохранить их в файл.

Мой вопрос: есть ли какое-либо решение для этого? Я имею в виду, могу ли я поместить видео на холст и записать его?

Спасибо!


javascript frontend html html5-canvas html5-video
person Italo Borges    schedule 20.08.2014    source источник
comment
Вы можете использовать drawImage с элементом видео. Вам нужно будет неоднократно перерисовывать его, чтобы частота кадров могла быть ниже желаемой. Вы также можете просто расположить холст поверх видео.   -  person Alexander O'Mara    schedule 21.08.2014
comment
Спасибо @AlexanderO'Mara, но мне нужно нарисовать видео и холст вместе. Холст будет над видео.   -  person Italo Borges    schedule 21.08.2014
comment
О какой записи вы говорите? Неподвижные изображения или другой видеопоток?   -  person Philipp    schedule 21.08.2014
comment
@Philipp, еще один видеопоток.   -  person Italo Borges    schedule 21.08.2014
comment
Это сложно. AFAIK html5 может только декодировать видео и не определяет способ их кодирования, как для неподвижных изображений.   -  person Philipp    schedule 21.08.2014

Ответы (1)


arrow_upward
2
arrow_downward

вы можете сделать это, используя RecodRTC.js для записи HTML/ Холст в формате webm

person aitnasser    schedule 09.12.2015
comment
Поддерживает ли он в macOS? - person Umesh Patadiya; 23.01.2019
comment
@UmeshPatadiya Что ты имеешь в виду? - person Italo Borges; 31.01.2019
comment
Оно работает! Я сделал это в 2015 году. Может быть, стоит провести еще одно исследование, сейчас могут быть другие решения. - person Italo Borges; 01.02.2019