Ошибка потока HLS Nginx в Chrome и Firefox - PullRequest
Новая
       113

Ошибка потока HLS Nginx в Chrome и Firefox

0 голосов
/ 27 июня 2019

Я установил NGINX на моем компьютере Cent OS7.Мой поток HLS работает только в Safari, Edge, Chrome на мобильных устройствах.Он не работает на настольных компьютерах Chrome и Firefox. Я использовал MSE Video.js & HLS.js (расширение источника мультимедиа), но без результатов.

Мой файл конфигурации Nginx выглядит следующим образом 

worker_processes auto;
events {
        worker_connections  1024;
}
#RTMP Configuration
rtmp {
    server {
            listen 1935;
            chunk_size 4096;
            ping 30s;
            notify_method get;
            allow play all;

            #Defining Application App
            application app {
                live on;
                hls on;
                hls_path /var/www/hls/live;
                hls_fragment 3;
                hls_playlist_length 60;
                record_notify on;
                record_path /var/www/videos;
                record all;
                record_unique on;
            }
    }
}
#HTTP Configuration
http {
    include        mime.types;
    default_type   application/octet-stream;
    log_format     main      '$remote_addr - $remote_user [$time_local] "$request" '
                             '$status $body_bytes_sent "$http_referer" '
                                     '"$http_user_agent" "$http_x_forwarded_for"';
    sendfile on;
    tcp_nopush on;
    keepalive_timeout 65;
    gzip on;
    server {
            listen 80;
            server_name 10.227.141.133;

            location / {
                root   html;
                index  index.html index.htm;
            }

            #Defining LIVE for HLS
            location /live {
                types {
                        application/vnd.apple.mpegurl m3u8;
                }
                alias /var/www/hls/live;
                add_header Cache-Control no-cache;
            }
    }
}

Мой код для воспроизведения с video.js выглядит следующим образом 

 <html>
    <head>
       <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet"> 
     </head>
     <body>
        <video id="video1" class="video-js vjs-default-skin" controls="controls" width="500" height="500">
         <source src="http://10.227.141.133/live/cd83414551d54bf0.m3u8"/>
         </video> 
         <script src="https://vjs.zencdn.net/7.4.1/video.min.js"></script>
         <script>
            var player = videojs('video1');
         </script>
     </body> 
  </html>

Скажите, пожалуйста, в чем я не прав или какие вещи необходимо добавить, чтобы мое видео nginx hls можно было транслировать во всех браузерах

...