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

相关推荐
lqj_本人2 小时前
鸿蒙OS&UniApp开发的商品详情展示页面(鸿蒙系统适配版)#三方框架 #Uniapp
华为·uni-app·harmonyos
*小雪3 小时前
uniapp打包H5,输入网址空白情况
前端·uni-app
半兽先生9 小时前
uniapp小程序获取手机设备安全距离
小程序·uni-app
向明天乄9 小时前
uniapp,小程序中实现文本“展开/收起“功能的最佳实践
小程序·uni-app
幽蓝计划15 小时前
Uniapp开发鸿蒙应用时如何运行和调试项目
华为·uni-app·harmonyos
向明天乄21 小时前
解决uni-app开发中的“TypeError: Cannot read property ‘0‘ of undefined“问题
uni-app
BXCQ_xuan1 天前
Ngrok 配置:实现 Uniapp 前后端项目内网穿透
运维·uni-app
TE-茶叶蛋1 天前
uniapp的适配方式
uni-app
lqj_本人1 天前
鸿蒙OS&UniApp 制作自定义弹窗与模态框组件#三方框架 #Uniapp
uni-app
繁依Fanyi1 天前
用 UniApp 构建习惯打卡 App —— HabitLoop 开发记
javascript·uni-app·codebuddy首席试玩官