电子商务网站的建设与规划,网站开发合同模板下载,成都3d效果图制作公司,西安找工作哪个网站好最近在工作中接触到了一个需求#xff0c;需要在网页上进行摄像头的实施直播。经过研究#xff0c;决定采用FFmpeg转RTSP为RTMP流#xff0c;然后通过SRS转发为HLS流供浏览器播放。前提条件Linux服务器一台(用于搭建SRS环境)FFmpeg(用于讲RTSP流转为RTMP流)SRS(用于将RTMP流…最近在工作中接触到了一个需求需要在网页上进行摄像头的实施直播。经过研究决定采用FFmpeg转RTSP为RTMP流然后通过SRS转发为HLS流供浏览器播放。前提条件Linux服务器一台(用于搭建SRS环境)FFmpeg(用于讲RTSP流转为RTMP流)SRS(用于将RTMP流转为HLS流)EasyPlayer.js(用于在HTML中播放HLS流)安装SRS第一步 获取SRS。详细参考GIT获取代码git clone https://github.com/ossrs/srscd srs/trunk或者使用git更新已有代码git pull第二步 编译SRS。 这一过程比较耗时间./configure make第三步可根据自己情况配置此处我们不进行第三步第三步 编写SRS配置文件。详细参考[HLS分发]HLS]和HTTP服务器将以下内容保存为文件譬如conf/http.hls.conf服务器启动时指定该配置文件(srs的conf文件夹有该文件)。# conf/http.hls.conflisten 1935; #监听RTMP端口max_connections 1000;http_server {enabled on;listen 8080; #HLS服务端口dir ./objs/nginx/html;}vhost __defaultVhost__ {hls {enabled on;hls_path ./objs/nginx/html;hls_fragment 10;hls_window 60;}}第四步 启动SRS。详细参考HLS分发和HTTP服务器./objs/srs -c conf/http.hls.conf第五步 测试安装访问 服务器IP:你配置的HLS服务端口访问看到下图就安装成功了安装FFmpeg第一步 下载源码并解压。wget http://ffmpeg.org/releases/ffmpeg-4.2.tar.bz2 #可在官网找到最新的版本tar -jxvf ffmpeg-4.2.tar.bz2第二步 安装FFmpeg。cd ffmpeg-4.2./configure如果出现 nasm/yasm not found or too old. Use –disable-x86asm for a crippled build.需要先安装yasm !如果没报上面的错跳过这一步异常处理 安装yasm !如果没报上面的错跳过这一步apt-get install yasm安装好yasm后重新执行命令 !如果没报上面的错跳过这一步./configure编译安装编译过程有点慢makemake install第三步 测试安装。输入 ffmpeg 命令出现下图表示成功下载EasyPlayer.jsgit clone https://github.com/tsingsee/EasyPlayer.js.git开始转码第一步 通过FFmpeg讲RTSP流转为RTMP流并推送到SRS中。ffmpeg -re -i rtsp://admin:1234510.10.10.105:554(替换为你的RTSP地址) -vcodec copy -acodec copy -f flv -y rtmp://10.10.110.212:1935(替换成你自己的服务器IP和配置的端口)/live/livestream浏览器播放编写HTML并引入EasyPlayer-element.min.jsEasyPlayer参数说明类型默认值video-url视频地址String–video-title视频右上角显示的标题String–snap-url视频封面图片String–auto-play自动播放Booleantruelive是否直播, 标识要不要显示进度条Booleantruealt视频流地址没有指定情况下, 视频所在区域显示的文字String无信号muted是否静音Booleanfalseaspect视频显示区域的宽高比String16:9isaspect视频显示区域是否强制宽高比Booleantrueloading指示加载状态, 支持 sync 修饰符String–fluent流畅模式Booleantruetimeout加载超时(秒)Number20stretch是否不同分辨率强制铺满窗口Booleanfalseshow-custom-button是否在工具栏显示自定义按钮(极速/流畅, 拉伸/标准)Booleantrueisresolution是否在播放 m3u8 时显示多清晰度选择Booleanfalseisresolution供选择的清晰度 “yh,fhd,hd,sd”, yh:原始分辨率fhd:超清hd:高清sd:标清–resolutiondefault默认播放的清晰度Stringhd最终效果
