Прямая трансляция HTML5

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

    Deltion Live Streaming       

    Возможная альтернатива для этого:

    1. Используйте кодировщик (например, VLC или FFmpeg) для пакетирования входного streamа в формате OGG. Например, в этом случае я использовал VLC для пакеттизации устройства захвата экрана с помощью этого кода:

      C: \ Program Files \ VideoLAN \ VLC \ vlc.exe -I фиктивный экран: //: screen-fps = 16.000000: screen-caching = 100: sout = # transcode {vcodec = theo, vb = 800, scale = 1, width = 600, height = 480, acodec = mp3}: http {mux = ogg, dst = 127.0.0.1: 8080 / desktop.ogg}: no-sout-rtp-sap: no-sout-standard-sap: ttl = 1: sout-keep

    2. Вставьте этот код в на вашей странице HTML следующим образом:

    Это должно сделать трюк. Однако это своего рода низкая производительность, и тип контейнера AFAIK MP4 должен иметь лучшую поддержку среди браузеров, чем OGG.

    Сейчас он работает только в некоторых браузерах, и, насколько я вижу, вы фактически не привязаны к файлу, чтобы объяснить, почему он не играет.

    но так как вы хотите живой stream (который я не тестировал)

    проверить streamовое вещание через RTSP или RTP в HTML5

    и http://www.streamingmedia.com/Articles/Editorial/Featured-Articles/25-HTML5-Video-Resources-You-Might-Have-Missed-74010.aspx

    Прямая трансляция в HTML5 возможна с использованием Media Source Extensions (MSE) – относительно нового стандарта W3C: https://www.w3.org/TR/media-source/ MSE является расширением HTML5 ; javascript на веб-странице может извлекать сегменты аудио / видео с сервера и нажимать их на MSE для воспроизведения. Механизм выборки можно выполнить с помощью HTTP-запросов (MPEG-DASH) или через WebSockets. По состоянию на сентябрь 2016 года все основные браузеры на всех устройствах поддерживают MSE. Единственным исключением является iOS.

    Для высокой задержки (5+ секунд) streamовой передачи streamового видео HTML5 вы можете рассматривать реализации MPEG-DASH с помощью видеосистемы video.js или Wowza.

    Для низкой латентности, streamового streamового видео в реальном времени HTML5, посмотрите медиа-сервер EvoStream, медиа-сервер Unreal и WebRTC.

    Невозможно использовать протокол RTMP в HTML 5, поскольку протокол RTMP используется только между сервером и флеш- плеером. Таким образом, вы можете использовать другие streamовые протоколы для просмотра streamовых видео в HTML 5.

    Во-первых, вам нужно настроить медиа-streamовый сервер. Вы можете использовать Wowza, red5 или nginx-rtmp-module . Прочтите их документацию и настройки на нужную ОС. Весь двигатель поддерживает HLS (протокол Http Live Stream, разработанный Apple). Вы должны прочитать документацию для конфигурации. Пример с nginx-rtmp-модулем:

     rtmp { server { listen 1935; # Listen on standard RTMP port chunk_size 4000; application show { live on; # Turn on HLS hls on; hls_path /mnt/hls/; hls_fragment 3; hls_playlist_length 60; # disable consuming the stream from nginx as rtmp deny play all; } } } server { listen 8080; location /hls { # Disable cache add_header Cache-Control no-cache; # CORS setup add_header 'Access-Control-Allow-Origin' '*' always; add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range'; add_header 'Access-Control-Allow-Headers' 'Range'; # allow CORS preflight requests if ($request_method = 'OPTIONS') { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Headers' 'Range'; add_header 'Access-Control-Max-Age' 1728000; add_header 'Content-Type' 'text/plain charset=UTF-8'; add_header 'Content-Length' 0; return 204; } types { application/vnd.apple.mpegurl m3u8; video/mp2t ts; } root /mnt/; } } 

    После успешной настройки и конфигурации сервера. вы должны использовать некоторое программное обеспечение кодировщика rtmp (OBS, wirecast …) для начала streamовой передачи, например youtube или twitchtv.

    На стороне клиента (в вашем браузере) вы можете использовать Videojs или JWplayer для воспроизведения видео для конечного пользователя. Вы можете сделать что-то вроде Videojs ниже:

         Live Streaming         

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

    Вы можете использовать фантастическое имя библиотеки Videojs . Здесь вы найдете более полезную информацию. Но с быстрым запуском вы можете сделать что-то вроде этого:

         

    Используйте ffmpeg + ffserver. Оно работает!!! Вы можете получить файл конфигурации для ffserver с сайта ffmpeg.org и соответственно установить значения.

              
    Давайте будем гением компьютера.