大文件切片上传、视频切片上传转m3u8播放

一、故事

前不久干项目，涉及到在线学习，简单来说就是对文章、视频进行在线学习，这个时候问题出现了，就是在上传视频的时候，速度很是慢，除此之外，视频播放也是卡的鸭皮，然后就开始疯狂网上搜刮知识，最终解决方案如下。

二、解决方案

1、视频采用切片上传，通过调用后端切片上传接口进行上传

2、切片上传结束后通过合并切片接口进行合并成为完整的视频

3、调用ffmpeg工具进行视频转m3u8格式形成ts切片

4、ts切片多线程上传至MinIO or OSS

5、返回m3u8格式文件地址，前端集成播放器进行播放。

三、项目地址

码云：https://gitee.com/sirwsl/uploadWheel

GitHub： https://github.com/sirwsl/uploadWheel

四、demo效果展示

五、实现过程

1、下载ffmpeg

为了开发方便，建议下载windows和linux两个版本

地址：Download FFmpeg

大文件切片上传、视频切片上传转m3u8播放相关推荐

JS任意截图并上传图片，上传视频、上传文件
** JS截图上传图片 ** 在前端WEB开放过程中,经常使用上传图片.上传视频.上传音频以及上传其他文件等,通常都使用到各种上传插件,但是很多插件只是单纯的上传文件,不具备图片截图,即使有也很传统, ...
html 前端优化上传视频,前端上传组件Plupload使用---上传大视频(分片上传)
上传视频到服务器 1.引入js插件: 2.html页面如图: 上传视频: 上传视频支持AVI.wma.rmvb.rm.flash.mp4.mid.3GP等格式 3.js代码 $(function ( ...
Ionic4 Camera插件在iOS13上选取视频失败上传时候提示权限不足
Ionic4 Camera插件在iOS13上选取视频失败上传时候提示权限不足问题 iOS13获取本地视频的路径: file:///private/var/mobile/Containers/Dat ...
m3u8云切片程序PHP视频切片转码系统易语言源码（支持添加视频水印）
文章目录前言一.m3u8云切片程序PHP视频切片转码系统易语言源码(支持添加视频水印) 二.程序演示与下载 1.程序演示 2.程序下载前言这里就不过多赘述了,上篇文章对m3u8也做过介绍了,这 ...
ajax上传.mp4文件不出错,ajax视频如何上传？
使用ajax如何上传视频呢?是否了解过呢?这个功能其实在各个网站中非常的常见,通用的技术是否了解呢?希望今天小编能给你们带来帮助哦,接下来就让我们一起来了解下吧. 功能:可实现拖拽上传视频,有进度条显 ...
c#如何上传大文件到服务器,asp.net(C#)中上传大文件的几中常见应用方法
asp.net(C#)中上传大文件的几中常见应用方法更新时间:2008年11月25日 10:05:46 作者: 最近博客需要做一个文件上下载功能,我从网上找了点资料,整理了下希望对大家有帮助! ...
html5 视频录制上传视频,怎么上传视频（手把手教你怎么在今日头条录制及上传视频）...
想上传精彩视频与人分享其实很简单,只需要以下几个简单的步骤即可 1.磨刀不误砍柴工,首先要准备录屏软件(如果后期经常剪那你还会需要一个傻瓜式的剪辑软件),没有要推销广告的意思所以软件自行选择能满足使用 ...
php5.3n上传视频,为什么上传抖音视频不清晰
上传抖音视频不清晰的原因是因为视频都是每张静态的照片信息组合而成,但由于算法和编码的不同会导致信息的流失,所以上传抖音视频时由于增加了数据编码而导致不清晰. 很多小伙伴在用抖音拍视频时,总会发现拍的视 ...
linux 传送大文件,使用Transfer.sh在Linux上的终端中传输大文件 | MOS86
想知道如何通过互联网从Linux终端传输大文件是什么样子?与转移.你可以很容易地 Let然而,找到一条主流的文件共享服务是这样的路线很少见. So,你如何在Linux上使用这个工具?在本指南中阅读并了 ...
MapReduce将小文件合并成大文件，并设置每个切片的大小的案例
测试代码: package cn.toto.bigdata.combinefile;import java.io.IOException;import org.apache.hadoop.conf.C ...