HTML5 Запись видео и автоматическая загрузка видео на сервер

Question

Я пытаюсь разработать тестовый веб-сайт для студентов. На этом веб-сайте учащиеся должны иметь возможность отвечать на вопросы (отображаемые в текстовом формате) с помощью веб-камеры за один раз. В настоящее время я реализовал эту функцию с помощью Flash, он фиксирует кадры и одновременно отправляет их на сервер. Проблема с этим методом заключается в том, что качество (FPS) моего видео ограничено и зависит от пропускной способности интернет-соединения. Также я не сторонник использования flash.

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

Вкратце, кто-нибудь может дать мне отправную точку, чтобы я мог продолжить работу. Любой helo будет высоко оценен. Спасибо!

Answer 1

Вот хороший пример того, как получить веб-камера работает на html5:

http://blog.teamtreehouse.com/accessing-the-device-camera-with-getusermedia

Она не сказать, как загрузить видео на сервер.

Answer 2

В настоящее время я реализовал эту функцию с использованием Flash, он захватывает кадры и одновременно отправляет их на сервер. Проблема с этим методом заключается в том, что качество (FPS) моего видео ограничено и зависит от пропускной способности интернет-соединения.

Это действительно неверно.

вы получаете кадр 100% зависит от:

1. качество веб-камера
2. свет доступен в комнате (больше света, тем лучше)
3. Резолюция вы (запись на более низких Рез приводит к увеличению кадров в секунду даже с низким качеством веб-камер в условиях низкой освещенности)

че e видео должно быть сохранено на компьютере клиента (без запроса клиенту указать путь) и по завершении видео, оно должно автоматически загружаться на сервер, а когда загрузка завершена, видео должно быть автоматически удалено с компьютера клиента.

Flash- записи потокового (через RTMP) аудио/видео данных на медиа-сервер (Red5, AMS, Wowza). После остановки записи вы можете перенести файл на веб-сервер и запустить загрузку http.

В каком отношении HTMLMedia Recording API был реализован Firefox и Chrome 49 и позволяет записывать в локальную память и загрузить файл как .Webm (аудио видео кодеков могут отличаться btwn браузеров).

Отказ от ответственности: Я работаю на трубке, которая обрабатывает видеозапись.