php分片上传视频

最新推荐文章于 2024-09-14 14:45:25 发布

tjg888888

最新推荐文章于 2024-09-14 14:45:25 发布

阅读量1.2k

点赞数 1

分类专栏： lavarel 文章标签： javascript

本文链接：https://blog.csdn.net/tianjingang1/article/details/124073726

版权

这个博客介绍了一个使用PHP实现的视频分片上传功能，通过JavaScript控制上传进度，并在上传完成后进行视频合并和压缩操作。示例代码展示了如何处理分片上传的每个步骤，包括文件切片、发送请求、合并文件以及使用ffmpeg进行视频压缩。

摘要由CSDN通过智能技术生成

页面内容

#uploadVideo {
   text-align: center;
   line-height: 30px;
   font-size: 12px;
   overflow: hidden;
   display: inline-block;
   /*position: absolute;*/
   width: 100px;
   height: 30px;
   background-color: #ccc;
   border: 1px solid #000;
   border-radius: 4px;
   margin-top: 100px;
   margin-left: -303px;
   margin-bottom: -40px;
   }

#progress{
display: inline-block;
width: 300px;
height: 20px;
background-color:#f7f7f7;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
border-radius:4px;
background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);
margin-bottom: 160px;
margin-left: 51px;
}

#finish{
background-color: #149bdf;
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-size:40px 40px;
height: 100%;
}

</div>

//视频分片上传开始
var fileForm = document.getElementById("video_url");
var upload = new Upload();
fileForm.onchange = function(){
var fileVIdeo = document.getElementById("video_url").files[0];