快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

长时长视频java存储及vue播放解决方法-创新互联

  1. 需要在B/S架构播放2G的1小时时长视频,考虑性能要做视频分片
一、大视频存储

可以把视频进行切片处理,使用的工具软件ffmpeg把视频ts切片生成.m3u8格式的。
先去官网下载软件:https://ffmpeg.org/download.html
执行命令:ffmpeg -i ./稻香.mp4 -c:v h264 -flags +cgop -g 30 -hls_time 5 -hls_list_size 0 -hls_segment_filename index%3d.ts index.m3u8
例如时长1小时的一个文件,使用此工具按照每5秒分割一个一个的小视频,生成的每个小视频后缀都是.ts格式:
在这里插入图片描述
同时也会生成一个.m3u8格式的文件,这个文件就是上图这些小视频的"索引"了,记录着每一帧在哪个uri下:
在这里插入图片描述
这样就可以一小个视频来进行存储了。

成都创新互联公司是一家专业提供云龙企业网站建设,专注与网站设计制作、成都网站设计H5建站、小程序制作等业务。10年已为云龙众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。二、大视频播放

本人使用vue3框架播放视频
使用标签指定播放地址为m3u8那个文件就可以了,有专门的视频播放js类库,会自己解析。
我使用的是import videojs from 'video.js';。具体代码如下:

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧


文章标题:长时长视频java存储及vue播放解决方法-创新互联
分享路径:http://6mz.cn/article/ccgoic.html

其他资讯