Видеотрансляция: различия между версиями

Материал из First-Leon
Перейти к навигации Перейти к поиску
(Новая страница: « add-apt-repository ppa:jonathonf/ffmpeg-4 HLS: ffmpeg -fflags nobuffer \ -use_wallclock_as_timestamps 1 \ -rtsp_transport tcp \ -i "rtsp://" \ -fflags "+ig…»)
 
 
(не показаны 3 промежуточные версии этого же участника)
Строка 24: Строка 24:
 
  /srv/stream/index.m3u8
 
  /srv/stream/index.m3u8
  
 
+
<source>
 
HTML01:
 
HTML01:
 
  <!DOCTYPE html>
 
  <!DOCTYPE html>
Строка 44: Строка 44:
 
  </body>
 
  </body>
 
  </html>
 
  </html>
 +
</source>
  
 
HTML02:
 
HTML02:
 +
<source>
 
  <html>
 
  <html>
 
  <head>
 
  <head>
Строка 64: Строка 66:
 
  }
 
  }
 
  </script>
 
  </script>
 
+
</source>
 
==DASH==
 
==DASH==
 
DASH:
 
DASH:
Строка 81: Строка 83:
  
 
HTML01
 
HTML01
 +
<source>
 
  <!DOCTYPE html>
 
  <!DOCTYPE html>
 
  <html>
 
  <html>
Строка 103: Строка 106:
 
  </body>
 
  </body>
 
  </html>
 
  </html>
 +
</source>
  
 
HTML02
 
HTML02
 +
<source>
 
  <!DOCTYPE html>
 
  <!DOCTYPE html>
 
  <head>
 
  <head>
Строка 121: Строка 126:
 
  </body>
 
  </body>
 
  </html>
 
  </html>
 +
</source>
  
 
==Ссылки==
 
==Ссылки==

Текущая версия на 18:15, 9 июля 2019

add-apt-repository ppa:jonathonf/ffmpeg-4

HLS:

ffmpeg -fflags nobuffer \
-use_wallclock_as_timestamps 1 \
-rtsp_transport tcp \
-i "rtsp://" \
-fflags "+igndts +genpts" \
-avoid_negative_ts "make_zero" \
-vsync 0 \
-copyts \
-vcodec copy \
-movflags frag_keyframe+empty_moov \
-an \
-hls_flags delete_segments \
-f hls \
-segment_list_flags live \
-hls_time 1 \
-hls_list_size 3 \
-segment_format mpegts \
-segment_list /srv/stream/index.m3u8 \
-segment_list_type m3u8 \
-segment_list_entry_prefix /stream/ \
/srv/stream/index.m3u8
HTML01:
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>videojs-contrib-hls embed</title>
 <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
 </head>
 <body>
  <video-js id="my_video_1" class="vjs-default-skin" controls preload="auto" width="704" height="576">
    <source src="/stream/index.m3u8" type="application/x-mpegURL">
  </video-js>
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
  <script>
    var player = videojs('my_video_1');
  </script>
 </body>
 </html>

HTML02:

 <html>
 <head>
 <title>Заголовок</title>
 </head>
 <body>
 <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
 <video id="video"></video>
 <script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('/stream/index.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
 </script>

DASH

DASH:

ffmpeg \
-use_wallclock_as_timestamps 1 \
-i "rtsp://" \
-fflags "+igndts +genpts" \
-avoid_negative_ts "make_zero" \
-an -c:v copy \
-b:v 2000k \
-f dash \
-window_size 5 \
-extra_window_size 0 \
-min_seg_duration 2000000 \
-remove_at_exit 1 /srv/stream2/manifest.mpd

HTML01

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>videojs-contrib-hls embed</title>
 <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
 </head>
 <body>
  <h1>Video.js Example Embed</h1>

  <video-js id="my_video_1" class="vjs-default-skin" controls preload="auto" width="704" height="576">
    <source src="/stream2/manifest.mpd" type="application/dash+xml">
  </video-js>
  
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
  
  <script>
    var player = videojs('my_video_1');
  </script>
 </body>
 </html>

HTML02

 <!DOCTYPE html>
 <head>
 <meta charset="UTF-8">
 <script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
 <style>
    video {
        width: 640px;
        height: 480px;
    }
 </style>
 <body>
    <div>
        <video data-dashjs-player autoplay controls src="/stream2/manifest.mpd" type="application/dash+xml"></video>
    </div>
 </body>
 </html>

Ссылки