web前端不使用flash视频流播放

原因：falsh2020年年底不进行更新了，并且主流浏览器也不支持项目需要
结果：找了一圈资料感谢711969608群主对http-flv的开源,也谢谢群里面其他的快速回答我这个小白的问题。同时还基础解决了ffmpeg推流和关流的控制

自我小结
http-flv其实就是在nginx-rtmp的基础上，转成了http协议
1.nginx-http-flv安装
wget http://nginx.org/download/nginx-1.12.2.tar.gz
https://github.com/winshining/nginx-http-flv-module http-flv模块地址
2.安装依赖
yum -y install pcre-devel openssl openssl-devel
3.解压编译安装
./configure --prefix=/usr/loacl/nginx --add-module=/root/module/nginx-http-flv-module-master
make
make install
4.修改nginx配置这个配置可以用但是有多余的

events {worker_connections  1024;
}rtmp_auto_push on;
rtmp_auto_push_reconnect 1s;
rtmp_socket_dir /tmp;
rtmp{out_queue 4096;out_cork 8;max_streams 128;timeout 15s;drop_idle_publisher 15s;log_interval 5s;log_size 1m;server{listen 1935;
    application rtmplive {``live on;max_connections 1024;}
}```
}
http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       8080;server_name  localhost;location / {root   html;index  index.html index.htm;}location /live{flv_live on;chunked_transfer_encoding  on;add_header 'Access-Control-Allow-Origin' '*';add_header 'Access-Control-Allow-Credentials' 'true';}location /hls{types {application/vnd.apple.mpegurl m3u8;video/mp2t ts;}root /usr/local/nginx/html/hls;add_header 'Cache-Control' 'no-cache';}location /dash {root /usr/local/nginx/html/dash;add_header 'Cache-Control' 'no-cache';}

location /stat {
#configuration of push & pull status
rtmp_stat all;
rtmp_stat_stylesheet stat.xsl;
}
location /stat.xsl {
root /usr/local/nginx/nginx-http-flv-module;
}

location /control {
rtmp_control all; #configuration of control module of rtmp
}

error_page   500 502 503 504  /50x.html;
location = /50x.html {root   html;
}

}`
}

**5.ffmepg安装**
yum install yasm -y
git clone https://git.ffmpeg.org/ffmpeg.git ffmpeg
cd ffmpeg
./configure --prefix=/usr/local/ffmpeg
make
make install**6.推流尝试**
推流命令：ffmpeg -i rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov -vcodec copy -s 704x576  -acodec aac -an -f flv rtmp://IP:1935/rtmplive/test播放地址：
http://IP:8080/live?app=rtmplive&stream=test
**live 对应flv_live on;的配置    rtmplive 对应rtmp的配置   跟在app后面   test自定义 在stream后面
如果rtmp对应端口修改了 路径需要添加prot=XX  最后路径为
http://IP:8080/live?port=1945&app=rtmplive&stream=test
****7.vlc播放器检验** rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov  这个是网上找的一个可用流资料参考：
https://blog.csdn.net/caowenjing123/article/details/94623466
https://blog.csdn.net/winshining/article/details/93606585  这个文章作者一定要关注  很多相关文章

web前端不使用flash视频流播放相关推荐

前端使用jswebrtc实现视频流播放
JSWebrtc对浏览器的Webrtc做了简单的封装,支持SRS的RTC流的播放. html代码: JSWeb播放器可以通过HTML创建,只需给指定元素添加CSS样式 jswebrtc即可: < ...
360视频云Web前端HEVC播放器实践剖析
360视频云前端团队围绕HEVC前端播放及解密实现了一套基于WebAssembly.WebWorker的通用模块化Web播放器,在LiveVideoStackCon2019深圳的演讲中360奇舞团We ...
RequestBody获取前端数据_360视频云Web前端HEVC播放器实践剖析
360视频云前端团队围绕HEVC前端播放及解密实现了一套基于WebAssembly.WebWorker的通用模块化Web播放器,在LiveVideoStackCon2019深圳的演讲中360奇舞团We ...
【web前端】JavaScript实现图片幻灯片滚动播放动画效果
JavaScript实现图片幻灯片滚动播放动画效果 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.co ...
Windows上搭建rtsp-simple-server流媒体服务器实现rtsp、rtmp等推流以及转流、前端html与Vue中播放hls(m3u8)视频流
场景 Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流: Nginx-http-flv-module流媒体服务器搭建 ...
web前端之幻灯片（二）--自动播放
幻灯片实现幻灯片自动放映,左下角圆圈直接跳转到某张幻灯片. 如果想点击切换,请见web前端之幻灯片(一) 效果图代码实现动图展示 html代码 <body><div class= ...
Web前端上万字的知识总结
下面是自己学HTML+DIV+CSS+JS时的学习笔记,给大家分享以下,相互学习.大二时候寒假在家无聊的时候想做点事,总结了一下web前端基础的东西,下面的每个字都是自己手敲的. 1.<html ...
Web前端开发面试考点指南
Web 前端面试指南与高频考题解析指南第一章面试准备:简历编写和面试前准备一般来说,跳槽找工作要经历投递简历.准备面试.面试和谈 offer 四个阶段.其中面试题目会因你的等级和职位而异,从入门 ...
Web前端技术趋势：HTML5仍不宜用作生产
经过这段时间国内(百度,淘宝,新浪)及国外(Facebook,Youtube,Yahoo)各大公司的集中自曝,我们可以从中总结出2010 Web前端技术的一些趋势.总的来说,随着后端技术(存储,并发, ...

web前端不使用flash视频流播放

web前端不使用flash视频流播放相关推荐

最新文章

热门文章