uniapp播放mp4省流方案

背景:

因为项目要播放一个宣传和讲解视频,视频文件过大,同时还为了节省存储流量,想到了一个方案,用m3u8切片替代mp4。

m3u8:切片播放,可以理解为一个1G的视频文件,自行设置文件分割大小,通过切片,把视频1G分割成若干个小片段,播放的时候由.m3u8文件来指定在某个时间节点播放某个切片,好处就是拖动进度条不需要下载1G的文件,只需要根据m3u8记录的拖动时间的.ts文件进行下载播放。

mp4:文件流,下载完之后再播放,这个1G先转圈圈下载,下载完之后再播放。

实现切片,需要两步

一、安装工具

首先我们需要下载所需的工具(ffmpeg)

https://www.gyan.dev/ffmpeg/builds/

将这三个文件放置:

C:\Windows\System32

管理员CMD运行:ffmpeg

安装成功!

二、切片

操作命令有很多,可自行查找,这条是一个简单的切片命令。

ffmpeg -i 0.mp4 -codec copy -hls_list_size 0 -strict -2 -f hls G:\项目\郑好匠\video.m3u8

三、上传存储

视频播放地址:https://xxxxxxroutine/video/1/video.m3u8

相关推荐
spmcor1 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue992 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
PedroQue993 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app
一份执念4 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts
PedroQue995 天前
V1.6.1性能优化:高频路径提速与代码精简
前端·uni-app
夏碧笔7 天前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务
uni-app
用户69903048487511 天前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
ITKEY_11 天前
uniapp微信开发者工具 更改AppID失败 touristappid
uni-app
Geek_Vison12 天前
APP瘦身实战:从80MB+砍到15MB——基于小程序容器技术剥离APP非核心业务的实践分享
小程序·uni-app·mpaas
CHB12 天前
HDC2026 演讲实录|AI 驱动的跨端进化:利用 uni-agent 快速构建高性能鸿蒙应用
uni-app·harmonyos