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 123
首先说明:测试流是通过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; } 123456
将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; } 123456
如果需要更严谨的话,将’*'修改成对应的部分即可。
另外nginx.conf文件还有一个地方需要注意:
worker_processes 1; 1
worker_processes如果配置成其他参数,可能会影响flv.js拉流,例如:
worker_processes 4; 1