Можно ли в Html5 с помощью тега video запускать потоковое видео?

Question

[Тима]

Салют. Можно ли в Html5 с помощью тега video запускать потоковое видео без использования Flash? (В данном случае с камер) И если можно, то как? Я новенький в данном деле, на работе дали тестовое задание сделать сайт с потоковым видео с камер. Всё сверстал и теперь столкнулся с проблемой что html5 не поддерживает потоковое видео. Кидают ссылки на githab и очень сложно что к чему понять. Если не сложно можете немного разжевать.

Answer 1

[Тима]

habrahabr.ru/post/229243 Вопрос закрыт.

Answer 2

[Анатолий Медведев]

на работе дали тестовое задание

значит ты еще не на работе.
Если новичок то учись.
Один из способов:

Набери в гугуле

html5 video player

там много интересного.

Comments

[Тима]

я на работе, дали тестовое задание именно в данной области.

Answer 3

[Eddy_Em]

Если real-time, то стопроцентно нельзя. HTML5 не поддерживает видеопотоки реального времени. Здесь уже либо лепить горбатого в (mjpeg), либо еще более горбатого через вебсокеты (тот же mjpeg, но еще и с кодированием-декодированием каждого кадра в base64). Я пробовал оба способа. Второй медленней, поэтому обычно первым пользуюсь: https://github.com/eddyem/rasp-spect
Увы, пока в html очень глухо с потоковым видео.

Comments

[Виталий Хоменко]

Есть WebRTC

[Eddy_Em]

Виталий IIIFX Хоменко: советую попробовать при помощи этого дерьма организовать real-time потоковое вещание. Ничего не выйдет!

[Виталий Хоменко]

Японский Городовой: У меня работает P2P между браузерами. Мне с сервера не нужно транслировать, этим я не занимался. Но люди пишут, что можно.

И почему дерьмо? Отличная штука

[Александр]

Японский Городовой: На этом дерьме у меня прекрасно работают видеоконференции на сайте.

[Eddy_Em]

OneFive: даже на планшетах с ондроедом без установки анально огороженных плагинов?

[Aves]

Японский Городовой: а что за webrtc-плагины? По идее либо браузер поддерживает, либо нет. И, кстати, вебсокеты давно уже научились передавать бинарные данные.

[Eddy_Em]

Aves: firefox явно не поддерживает, по крайней мере, в 38.4.0 ничего не заработало. Аналогично в свежем хромоногом.
> И, кстати, вебсокеты давно уже научились передавать бинарные данные.
Вот только браузеры до сих пор не научились эти бинарные данные в img вставлять!

[Aves]

Японский Городовой: У меня firefox последний 42 и chome последний для android 4.0 42, webrtc работает, и blob в img прекрасно вставляется через URL.createObjectURL()
Причём появилась поддержка вроде довольно давно: caniuse.com/#feat=rtcpeerconnection
caniuse.com/#feat=bloburls

[Тима]

К сожалению вы не правы.

[Eddy_Em]

Aves: полгода назад ничего не работало. В webRTC "прикол" еще в том, что серверную часть выполнить предельно сложно. Поэтому не надо врать. Лучше mjpeg до сих пор ничего нет!

[Aves]

Японский Городовой: то есть, когда я открываю вторую снизу ссылку на https://webrtc.github.io/samples/ на телефоне и на ноутбуке, и вижу себя и там и там, это я так вру? И в мозиллу надо написать, чтоб не врали в https://developer.mozilla.org/en-US/docs/Using_fil...
Не надо своё невежество и отсталость выставлять напоказ.

[Eddy_Em]

Aves: это не то! Мы говорим о потоковом видео реального времени, а не о захвате с веб-камеры средствами браузера!!!
Не надо вводить людей в заблуждение!
Я тоже когда узнал года полтора о webrtc, долго пытался найти, как же формируемый видеопоток выплевывать, чтобы в любом браузере работало. Оказалось, что почти невозможно это!

[ZloyEngineer]

Тоже думал об этой проблеме. Руки не дошли реализовать, но мысли были попытаться обмануть браузер и пользователя, подсунув им "статичный" файл. То есть, допустим, принимаем тот же ts-поток от камеры getstream'ом или ffmpeg'ом, транскодируем его в WebM-формат налету и пишем все в пайп файловой системы/unix-сокет или т.п. Трансляция сама в виде тега видео со ссылкой на webm-файл. Web-сервер при запросе файла отдает, то что сейчас транскодер пишет в локальный пайп/сокет. Размер файла в заголовке ответа указывается на пару дней вперед (битрейт потока примерно известен), так же добавляем "не кешировать" в заголовок, браузер по мере получения файла начинает его играть.

Получается что браузер играет, как он думает, статичный файл, пользователь думает, что смотрит онлайн трансляцию. Через пару дней, браузер выедает всю оперативную память. Вопрос найдется ли зритель, который будет смотреть 2 дня трансляцию не закрывая браузер. Но для таких можно и javascript'ом раз в 4-6 часов делать "перезапрос" файла с сервера.

Answer 4

[Uwe_Boll]

Можно ли в Html5 с помощью тега video запускать потоковое видео?

Comments

[Анатолий Медведев]

это же его же вопрос)