Превращение рамок в видео?

#html #canvas #html5-video #html5-animation

#HTML #холст #html5-видео #html5-анимация

Вопрос:

Есть ли способ, либо через HTML5 canvas / video APIS, либо через библиотеку JavaScript, получать изображения canvas (экспортируемые через canvas.toDataURL или что-то подобное) и сшить их вместе, чтобы создать видео в браузере?

Комментарии:

1. Если бы вы были (очень) предприимчивы, вы могли бы использовать API Typed Array и реализовать формат видеофайла… Я не думаю, что это было сделано еще, хотя.

2. Hrm это может быть правдой, но это, вероятно, было бы очень дорогостоящим вычислением… достаточно ли веб-разработчика, чтобы обеспечить стабильную производительность?

3. …возможно. Формат файла AVI ( msdn.microsoft.com/en-us/library/ms779636.aspx ) было бы проще всего реализовать, но самым большим требованием была бы память, а не скорость. Имейте в виду, это помогло бы разгрузить Worker’а, особенно при высокой частоте кадров.

Ответ №1:

Звучит так, как будто вы говорите о слайд-шоу, но достаточно быстром, чтобы выглядеть анимированным, вроде как в флипбуке. Я уверен, что вы могли бы это сделать, но я думаю, было бы лучше создать фильм в другом приложении и встроить его в iframe.

Ответ №2:

Отличный новозеландский туристический сайт делает нечто подобное тому, что вы описываете. Об этом недавно писали в журнале Smashing.

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