明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
随笔 - 1277, 文章 - 0, 评论 - 214, 阅读 - 320万
  博客园  :: 首页  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

uniapp播放mp4省流方案 (视频切片m3u8 解决方案)

Posted on   且行且思  阅读(160)  评论(0编辑  收藏  举报
背景:
        因为项目要播放一个宣传和讲解视频,视频文件过大,同时还为了节省存储流量,想到了一个方案,用m3u8切片替代mp4。

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

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

实现切片,需要两步

一、安装工具

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

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

 

 

将这三个文件放置:

C:\Windows\System32 

或者 进入解压目录,按shift + 右键 》》powershell , 进入当前命令窗口

 

管理员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

相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
历史上的今天:
2022-06-24 tomcat指定运行jdk版本
2022-06-24 jeesite <meta name="decorator" content="default"/>
2020-06-24 WPF Image控件 Source绑定路径方法
2020-06-24 WPF 中命名空间冲突 至少有两个名称空间(“System.Windows”和“System.Windows”)中已出现名为“VisualStateManager”的类型
2020-06-24 wpf 给定编码中的字符无效
点击右上角即可分享
微信分享提示