Я хочу сделать потоковое видео в реальном времени. Например, есть дискуссия. И кто-то его записывает. Я хочу, чтобы видеозапись появлялась на моей веб-странице. Я хочу сделать это с помощью HTML 5. Я не знаю, возможно ли это, но кто-нибудь пытался? Спасибо заранее!Прямая трансляция видео с помощью HTML 5?
ответ
A few browsers может отображать право HTTP поток в теге HTML5 <video>
<video src="http://example.com/stream.m3u8">
Вы должны построен на резервные объявления остальных ... Посмотреть этот ответ тоже: https://stackoverflow.com/a/22001830/2874523
Я Wouldn» t рекомендовать использовать ваш собственный сервер, если у вас нет либо
небольшая аудитория
или
Действительно накачанного сервер
Почему?
Ввиду того, что веб-серверы и веб-хостинг работают, люди могут не получить лучший опыт. С учетом сказанного, я рекомендую использовать Youtube, а затем встраивание говорит, что вы планируете жить в прямом эфире завтра, ну за 10 минут до того, как вы начнете жить, я бы создал страницу в прямом эфире и вставлял видео, пока он все еще может использовать некоторые из ваших ресурсов хостинга. все еще будет на вашем сайте.
Что касается реагирования, я считаю, что если вы используете Youtube Embed (использует iframes), он очень отзывчив. Просто убедитесь, что ваши порты просмотра установлены или используются медиа-запросы.
Чтобы создать современный поток в реальном времени с хорошим качеством опыта, я рекомендую использовать адаптивные потоковые технологии, такие как MPEG-DASH или HLS.
Использование функции трансляции в прямом эфире Youtube - это, безусловно, один (хороший) вариант. Если вы предпочитаете более управляемое решение, вы можете использовать прямые потоковые службы, такие как Wowza или Bitmovin, которые предлагают кодирование, а также решения для воспроизведения на основе HTML5.
Прошу прощения, я не был достаточно ясен в своем вопросе. Я думал использовать HTML 5 и JS вместо flash и других программных продуктов. Я нашел свое решение здесь: https://davidwalsh.name/browser-camera и здесь: http://recordrtc.org/. Спасибо за вашу помощь!
и здесь: https://www.wowza.com/products/capabilities/webrtc-streaming-software:) –
Я столкнулся с аналогичное требование и было бы интересно выбрать ваш мозг, если бы вы пришли к решению, которое работает? Вы создали веб-сайт с успешными потоками от клиента к клиенту? Это был живой эфир или просто запись? – po10cySA
Вам нужен посреднический сервер, например flashphoner. Здесь вы можете прочитать статью how to stream video from HTML5 на YouTube в прямом эфире, используя программное обеспечение шлюза.
Короче говоря, вам нужно преобразовать поток HTML5 (WebRTC) в поток RTMP, приемлемый для Youtube Live.
Это не служба написания кода. Что вы пробовали до сих пор? Отправьте свой код! Что случилось, когда вы его запустили? Что вы ожидали вместо этого? С чем конкретно вы сталкиваетесь? – Robert
Кроме того, каковы конкретные параметры проблемы, которую вы пытаетесь решить? Каков источник? Сколько человек будет смотреть это? Каковы ваши требования к задержке? На каких платформах вы нацеливаетесь?Это основные вопросы о том, что вы хотите сделать, на что вы должны ответить, прежде чем выбирать технологии. – Brad
Обе стороны, запись и просмотр можно сделать с помощью WebRTC, в наши дни у браузеров очень хорошая поддержка. Например. https://simplewebrtc.com/ – Harry