分片视频无法预览？

来源：9-1 分片传输的试探

慕神4535282

2020-08-12

老师，我严格按照你视频所说的做到06:58秒之后，做到07：13秒处时，我看到的是一个图片描述

代码我与github上老师你的代码对比过了，big-file.vue和section.vue都一样，除了这一处有区别外，老师你github上big-file.vue中第61行写的是

let shardIndex = 1;   // 分片索引

我的代码根据你视频在06:55秒处，因此写成

let shardIndex = 0;   // 分片索引

，除此之外，其它的都一样，但是，效果却不能像老师你在07：13秒那样播放按钮可以生效，这是为什么呢？我试了很多方法，比如把这一句

let shardSize = 20 * 1024 * 1024;   // 以20MB为一个分片

改成

let shardSize = 200 * 1024 * 1024;   // 以200MB为一个分片

然后，上传一个34M的文件，也是会在页面上有播放按钮可以点击来播放的，这至少证明我按照老师你写的分片代码在执行过程中是没问题的，浏览器在console中我也看了，也都执行成功。我试着改回

let shardSize = 20 * 1024 * 1024;   // 以20MB为一个分片

后，在服务器上找到上传的那个20M的分片文件，e.g: kqP5e08Z.blob, 把它的后缀名改为.mp4,结果用迅雷看看等播放器打开却不能正常播放？请问老师，这是什么回事，我应该怎么样做这个播放按钮才会生效呢？图片描述

写回答

2回答

甲蛙

2020-08-13

我课程中是先上传第一个分片shardIndex = 0，成功了后，再改成1，再上传，这样就得到完整的两个分片，最终提交代码时，你看到的是shardIndex = 1.

你可以把shardSize改成50M，让视频只会有一个分片，成功了后，再改成两个分片的进行测试。

另外，你可以浏览器调试下，看下video的src属性，指向的视频文件路径是不是对的，直接把地址放到浏览器是否能打开

加油找工作

2021-05-25

想问下怎么解决的呀？我也遇到了这个问题

Spring Cloud+ Vue前后端分离开发企业级在线视频系统

全网稀缺课程市场热门项目+主流框架一课掌握前后端技术

1743 学习 · 1698 问题

相似问题

回答 2

回答 1

回答 1

回答 1

回答 2