flv.js demo拉流失败

flv.js demo地址

[IOController] > Loader error, code = -1, msg = Failed to fetch
[TransmuxingController] > IOException: type = Exception, code = -1, msg = Failed to fetch
[MSEController] > MediaSource onSourceOpen

首先说明：测试流是通过FFmpeg推出RTMP流，通过nginx将RTMP流转为HTTP（flv）流（流格式：视频H264，音频AAC）。
基于Nginx服务FFmpeg-RTMP/HTTP/FLV推拉流使用方法

使用bilibili的flv.js demo拉流播放时，输入流地址，点击Load按钮提示上面的提示，一直播放不了。
看了官方文档描述，这是因为跨域了，而nginx服务器配置默认是不允许跨域的。

解决办法：
修改nginx的配置文件nginx.conf
找到如下内容：

location / {
            #add_header 'Access-Control-Allow-Origin' '*';
	    	#add_header 'Access-Control-Allow-Methods' 'GET,POST';
            proxy_pass   http://localhost:8080;  
            index  index.html index.htm;
}

将add_header 'Access-Control-Allow-Origin' '*';取消注释即可。

location / {
            add_header 'Access-Control-Allow-Origin' '*';
	    	#add_header 'Access-Control-Allow-Methods' 'GET,POST';
            proxy_pass   http://localhost:8080;  
            index  index.html index.htm;
}

如果需要更严谨的话，将’*'修改成对应的部分即可。

另外nginx.conf文件还有一个地方需要注意：

worker_processes  1;

worker_processes如果配置成其他参数，可能会影响flv.js拉流，例如：

worker_processes 4;