Возможна ли запись видео с помощью JavaScript?

Question

[Назар Мокринский]

Интересует именно запись, а не воспроизведение на странице браузера. В идеале нужна запись и сохранение в виде файла любого возможного видео формата.

Answer 1

[pletinsky]

Или flash или html5 или silverlight или activex контрол для windows.
Выбирайте. Все зависит от потребностей. Проверьте совместимость с браузерами по ссылке, которая дана выше и если она вас удовлетворяет, используйте html5, иначе — flash.

Пример реализации на флеш jQuery webcam plugin.
Или вот еще red5-recorder.
Пример на activex X360 Video Capture ActiveX Control .
Документация от microsoft для реализации на javascript.
Примеры на силверлайт.
На html5 уже даны выше или полная документация.

Comments

[Назар Мокринский]

jQuery webcam plugin — не сохраняет, а вот red5-recorder нужно посмотреть, спасибо!

Answer 2

[Сергей Протько]

Пару лет назад были попытки реализовать видео чат на HTML5/JS при помощи WebSokets. Думаю можно покапать в этом направлении. Хотя я не думаю что на данном этапе это будет юзабельно.

Comments

[Сергей Протько]

Собственно непонятно за что минусуют. Как получить видио или его кадры из web камеры — это просто. А как их стримить на сервер и записывать в файл — вот это уже сложно.

Answer 3

[123 123]

Возможно сделать так. С помощью getUserMedia() и canvas поймать кадры, сохранить с помощью FileSystem API и собрать в видео с помощью ffmpeg.

Код для захвата и сохранения кадров.

Comments

[interprise]

ссылка не работает, можете обновить если не сложно?

[Назар Мокринский]

interprise: Примеров в сети миллионы, проявите изобретательность, используйте поисковые системы

Answer 4

[Ver1ck]

Не уверен, что это возможно силами одного JavaScript. Можете посмотреть тут — JavaScript, по большому счёту, здесь является обёрткой для flash.

Comments

[Назар Мокринский]

Если бы оно было автономное, а так, на сколько я понимаю, они такой сервис предоставляют.

Answer 5

[AndreyChizh]

Как вариант посмотрите в сторону getUserMedia() HTML5

Comments

[Назар Мокринский]

> Интересует именно запись, а не воспроизведение на странице браузера
Я искал перед тем, как спросить. С воспроизведением на странице, в принципе, проблем нет. А вот с передачей и сохранением на сервере пока не сложилось.

Answer 6

[Kane]

А что если страницу завернуть в canvas? Тогда можно получать отдельные кадры

Comments

[Назар Мокринский]

Но мне не кадры нужны, а видео. С кадрами всё понятно.

[Kane]

Видео состоит из нескольких кадров. Кадры полученные на предыдущем шаге можно объединить

[Назар Мокринский]

Каким образом? Если отправлять кадры — это будет гораздо больший объем данных + хотелось бы обойтись без накладных расходов на монтирование видео из кадров.

Answer 7

[betal]

Видео с камеры или экрана?
Можно посмотреть в сторону WebRTC
Но технология совсем новая и малосовместимая, не знаю насколько браузеры продвинулись в этом направлении за последние пару лет.

Comments

[Назар Мокринский]

С камеры

[betal]

Посмотрел совместимость, совсем слабо продвинулись(
Для продакшена не подойдет, только для специальных сборок браузеров.

[Назар Мокринский]

Мне-то и не нужен продакшн. Нужно больше для личного пользования, чтобы сохранять данные с камеры в файл.

[betal]

Тогда на чистом JS реально сделать, подсоединиться не к браузеру, а серверу и там уже обрабатывать, как нужно.
Наработки на C++ серверной части у них на сайте есть.

[betal]

вот насколько я понимаю
code.google.com/p/libjingle/source/browse/#svn%2Ftrunk%2Ftalk%2Fapp%2Fwebrtcv1

[Назар Мокринский]

Спасибо, буду смотреть

Answer 8

[Михил Иноземцев]

www.scriptcam.com/

Comments

[Назар Мокринский]

Спасибо, посмотрю