我正在尝试使用nginx和nginx-http-flv-module(带有nginx-rtmp-module)构建实时流平台。
我一直在使用nginx-http-flv-module's guide。
我构建了具有rtmp和http-flv支持的nginx服务器。
我的nginx.conf
文件:
#user nobody;
worker_processes 1;
error_log logs/error.log debug;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 8080;
server_name localhost;
...
location /live {
flv_live on; #open flv live streaming (subscribe)
chunked_transfer_encoding on; #open 'Transfer-Encoding: chunked' response
add_header 'Access-Control-Allow-Origin' '*'; #add additional HTTP header
add_header 'Access-Control-Allow-Credentials' 'true'; #add additional HTTP header
add_header 'Access-Control-Expose-Headers' 'Content-Length';
}
}
}
rtmp {
server {
listen 1935;
ping 30s;
notify_method get;
application myapp {
live on;
}
}
}
我开始使用OBS发布流,并使用flv.js
在浏览器中播放流,如下所示:
<video id="videoElement" controls autoplay></video>
...
<script>
let videoElement = document.getElementById('videoElement');
let flvPlayer = flvjs.createPlayer({
type: 'flv',
isLive: "true",
url: 'http://192.168.1.122:8080/live?port=1935&app=myapp&stream=test'
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
</script>
一切正常!流正在按预期方式在浏览器中播放。但是问题是每当第二个观众开始观看该流时(如果我在另一个浏览器选项卡中将其打开)。播放器停止播放并开始无限加载。那么什么会导致这个问题呢?