Трансляция видео стрима с помощью HTML5 Websockets?

Question

[Arthur Asatryan]

Суть в следующем.
Отправить видео веб камеры в реальном времени другим участникам конференции

navigator.getUserMedia  = navigator.getUserMedia ||
                          navigator.webkitGetUserMedia ||
                          navigator.mozGetUserMedia ||
                          navigator.msGetUserMedia;

var video = document.querySelector('video');

if (navigator.getUserMedia) {
  navigator.getUserMedia({audio: true, video: true}, function(stream) {
    video.src = window.URL.createObjectURL(stream);
  }, errorCallback);
} else {
  video.src = 'somevideo.webm'; // fallback.
}

Изначально отправить данные на Java сервер с помошю Websocket, после от сервера всем пользователям.
И так вопрос, как с stream читать байты потока чтобы в дальнейшем отправить их на сервер? Пробовал FileReader но его методы readAs* на вход принимают только Blob типы.
Есть идеи? Может другие реализации, подходы?
Спасибо

Answer 1

[Arthur Asatryan]

Вопрос закрыт.
Можно реализовать с помощью WebRTC
Tем не менее пока что flash доминирующая технология.

Answer 2

[Алексей Ярошевич]

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

Можно попробовать посмотреть в сторону решений типа https://github.com/phoboslab/jsmpeg, но это на nodejs и требует ffmpeg/VLC.

Comments

[Arthur Asatryan]

Спасибо за ответ. С помощью веб сокетов можно реализовать трансляцию в реальном времени и управлять всеми пользователями в сессии. А количство трафика можно оптимизировать и отправлять сбуферированные данные, к примеру по 256, 512, 1024 кб / сек нагрузка будет не так высокой, и потом тоже самое реализовать HTTP протоколом с помощю "Chunk" но у HTTP длина заголовков большая (еще некоторые нюансы) и траффик будет больше. Серверная часть не имеет значение Node.JS или Java, И мне нужно реализовать его именно в HTML5 (для кроссбраузерности / платформности). У вас есть практика о том что лучше не реализовать это все в вебсоккетах, или причины?

[Алексей Ярошевич]

Я исхожу из того, что происходит в IT индускрии, и из того, что HTML5 video сильно зависит от браузера. Если вы можете на Java без использования ffmpeg кодировать видео — это плюс, конечно, но это не решит задачи вывода видео в video. Предложенное решение использует mpeg1 декодер и canvas, работает стабильно.

[Arthur Asatryan]

Алексей Ярошевич: Вы очень усложняете проблему по моему. Всего на всего мне нужен способ чтобы прочитать / получить данные из потока код который я написал в вопросе позволяет захватывать видео с вебкамеры и показать в элементе, зачем мне энкодить / декодить чтото на сервере? Серверу не не интересует содержимое видео, он просто получает данные от одного клиента и передает другим. Не могу просто найти документацыю которым можно читать байты / dataURL из стрима, для последуюших действий.

[Arthur Asatryan]

К примеру отдать поток FileReader-у и в методе .onload забуферировать и отправить .result. Или если есть еще оптимальные предложения.