Решения для динамического внедрения видео контента - PullRequest
0 голосов
/ 30 ноября 2011

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

Например: пусть пользователь определит некоторые данные или объекты, например фотографии, которые будут использоваться в видео после публикации.

Я нашел пример с HTML5 Canvas: http://ajaxian.com/archives/dynamic-content-injection-with-html5-canvas-and-video

Но это выглядит немного экспериментально и, конечно, я ищу лучшее решение. Это также может быть решением с Flash. Я понятия не имею, что лучший способ сделать это.

Если этот вопрос здесь не тот, отправьте меня на правильный портал, чтобы задать мой вопрос (в FAQ портала webapps говорится, что я не должен публиковать там вопросы о программировании. В общем, это вопрос программирования).

Ответы [ 2 ]

2 голосов
/ 24 декабря 2011

У вас есть несколько вариантов, разделенных на 2 основных набора; flash или html5.

Обычно люди в наши дни предпочитают html5-решение, поэтому вот способы, которые я бы сделал в HTML5: Используйте видеообъект с объектом canvas (объект / элемент). Вот основной пример этого: http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/HTML-canvas-guide/PuttingVideoonCanvas/PuttingVideoonCanvas.html Преимущества этого подхода состоят в том, что динамические объекты могут взаимодействовать с видео в режиме реального времени. Если вам нужен простой, но чрезвычайно мощный и стабильный инструментарий для продвинутых манипуляций с видео, я настоятельно рекомендую Popcorn.js: http://popcornjs.org/ и ознакомьтесь с их демонстрациями здесь, чтобы узнать, что возможно: http://popcornjs.org/demos

Второй вариант, если вам не нужны манипуляции в реальном времени, это использовать библиотеку на стороне сервера, такую ​​как ffmpeg http://ffmpeg.org/. Например, вы можете опубликовать некоторые изображения, анимацию, текст и т. Д. В ffmpeg, а сервер «записать» новый видеофайл (что может быть очень быстрым, если на вашем сервере достаточно ресурсов), а затем вернуть видео обратно в интерфейс, чтобы отобразить индивидуальный клип. Недостатком этого является то, что это не в режиме реального времени, но положительным моментом является то, что вы можете загрузить / поделиться / отправить настроенный клип.

Во флэш-памяти у вас также есть ряд возможностей, и, смею сказать, возможности манипуляции с видео более проверены во флэш-памяти, и вы получите более широкое проникновение в браузер, поскольку html5-видео не поддерживается в Explorer 6/7/8, тогда как flash в целом будет. Вы можете использовать BitmapData из каждого кадра флэш-видео для анализа изображения и компоновки любого типа Sprite, который вам нравится в as3. Ранее я использовал отличную библиотеку HiSlope http://play.blog2t.net/tag/hislope/, которая недостаточно хорошо документирована, но на самом деле очень удобна для анализа и компоновки фигур, изображений, текста и т. Д. Для преобразования видео. Вот демонстрация того, как он работает с веб-камерой в прямом эфире или видео потоком. http://play.blog2t.net/files/black-or-white/

Еще одним преимуществом Flash является то, что вы можете получить доступ к веб-камере и перейти в полноэкранный режим, чего еще нельзя сделать в HTML5.

Лучший A

0 голосов
/ 27 декабря 2011

Не забудьте метод отката тега html5 video. И есть различия, особенно ширина видео, между браузерами и размером монитора на видео теге.

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