千家信息网

nginx-http-flv-module flv拉流错误有哪些

发表于:2025-01-23 作者:千家信息网编辑
千家信息网最后更新 2025年01月23日,这篇文章主要介绍"nginx-http-flv-module flv拉流错误有哪些",在日常操作中,相信很多人在nginx-http-flv-module flv拉流错误有哪些问题上存在疑惑,小编查阅
千家信息网最后更新 2025年01月23日nginx-http-flv-module flv拉流错误有哪些

这篇文章主要介绍"nginx-http-flv-module flv拉流错误有哪些",在日常操作中,相信很多人在nginx-http-flv-module flv拉流错误有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"nginx-http-flv-module flv拉流错误有哪些"的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1.flv拉流错误

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD在video标签中加入 muted 即可

2.HTML采用flv.js与dplayer播放器来播放http-flv格式视频时,请求nignx服务器遇到了chrom跨域的问题

Access to fetch at 'http://192.168.31.66:9999/zzh-1586620072-2020-04-11-23_47_52.flv' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.http{    server {        listen      8000;        server_name localhost;        add_header 'Access-Control-Allow-Origin' '*'; #允许所有来源访问        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE'; #允许访问的方式

3.推流权限控制

rtmp {      server {          listen 1935;  #监听的端口        chunk_size 4000;        application myapp {            live on;            notify_method get;            publish_notify on;            on_publish http://192.168.0.103:8087/autho/rtmp; #这里进行权限控制                        on_publish_done http://127.0.0.1:8087/autho/rtmpOver;#直播结束回调        }          application hls {            live on;            hls on;            hls_path /home/soap/rtmp/hls;#视频流存放地址            hls_fragment 5s;            hls_playlist_length 15s;            hls_continuous on; #连续模式。            hls_cleanup on;    #对多余的切片进行删除。            hls_nested on;     #嵌套模式。        }    }  }

4.flv拉取流的路径

http://example.com[:port]/dir?[port=xxx&]app=appname&stream=streamnamehttp://127.0.0.1:8000/live?app=myapp&stream=fhxport默认为1935myapp为配置路径fhx为流路径

5.obs设置

6.效果图

到此,关于"nginx-http-flv-module flv拉流错误有哪些"的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!

0