金融网站推广圳seo公司,如何做网站网页流程,学it需要什么学历基础,深圳市公司网站建设企业需求背景通过nginx来做个点播服务#xff0c;ffmpeg截取视频中的某一帧作为视频的封面#xff0c;前端页面展示这个封面#xff0c;#xff0c;并链接到对应的视频播放链接#xff0c;加载播放器进行播放简单介绍一下ffmpeg截取视频中的某一帧的方式截取视频的第一帧…需求背景通过nginx来做个点播服务ffmpeg截取视频中的某一帧作为视频的封面前端页面展示这个封面并链接到对应的视频播放链接加载播放器进行播放简单介绍一下ffmpeg截取视频中的某一帧的方式截取视频的第一帧并将该帧缩略到大小的,注意参数-ss是表示起始时间不合适会没有输出根据视频时长调节一下大小就可以了我是将视频截图缩小到288*162大小了ffmpeg -ss 20 -i ./1080p_video1.mp4 -frames:v 1 -q:v 2 -vf scale288:162:force_original_aspect_ratioincrease,crop288:162 1080p_video1.jpg我按照上述方式截取两个视频的两张图片作为视频的封面配置nginx规则静态加载图片的配置 location ^~/image{index display.html;}写一个显示图片的html文件写一个html文件命名为display.html!DOCTYPE html
htmlheadmeta charsetutf-8/headbodyimg src./720p_video1.jpg width162 /img src./1080p_video1.jpg width162 //body
/html将图片资源拷贝到nginx配置的目录里我的nginx安装目录是/usr/cloudland/nginx将display.html文件放到html/imge的目录下如示图浏览器验证然后用浏览器打开http://172.24.0.74/image/display.html这个时候会发现已经有两个图片显示加载进来了给图片加载播放链接修改display.html文件!DOCTYPE html
htmlheadmeta charsetutf-8/headbodya hrefhttp://172.24.0.74/vod/720p_video1.mp4/index.m3u8?token12345img src./720p_video1.jpg width162 //aa hrefhttp://172.24.0.74/vod/1080p_video1.mp4/index.m3u8?token12345img src./1080p_video1.jpg width162 //a/body
/html将图片对应的视频拷贝到nginx配置的视频点播路径注意的点播视频路径在浏览器验证图片链接浏览器重新打开http://172.24.0.74/image/display.html由于我没有配置播放器所以浏览器打开的话会直接下载对应的m3u8文件
