关于uniapp小程序压缩视频后上传云点播视频损坏这件事

问题起因

公司自研项目技术栈是 uniapp 开发微信小程序小程序内有个需要用户录制视频并上传的功能项目内使用的是 uni.createCameraContext 相机组件进行录制视频的一开始并没有出现什么问题可以正常录制及上传直到需求上多了一个《视频直接上传过大需要进行压缩处理再上传》之后问题就来了！本以为只是个简单的压缩罢了。想着直接使用uniapp提供的 uni.compressVideo api就好了接下来就是一顿操作简单测试一遍自信提交！下班！

uni.compressVideo({src,quality: 'low',// bitrate:60000,// fps: 30,// resolution:1,success: (res) => {//压缩后处理},fail: (err) => {//错误处理},
});

问题初现
第二天到公司后昨天测试测出问题了发现压缩后上传的视频在云点播上是损坏的基本上播放到十秒左右就会突然跳到结束不压缩上传的话就没有问题
然后就是不停的测，改，测，改，测…
整了一下午还是没搞好。后来翻 uniapp 文档的时候看到了在暂停录像api上还有个属性 compressed：启动视频压缩，压缩效果同 chooseVideo 抱着死马当活马医的态度换上了然后一测居然好了那么新的问题又来了既然文档上说压缩效果同 chooseVideo 为什么一个行一个不行呢。不过现在没时间想这个了还有个问题就是视频录制超时的话是没有这个压缩的而如果在超时之前自动暂停的话又会导致录制时间可能不准确。后来经过讨论还是决定先使用这个方法只不过要把录制时间多加一两秒尽量的保持准确。
新的问题
又是新的一天在使用结束录制的 compressed属性暂时解决问题后新的问题又来了具体可看微信社区的bug反馈链接:开启compressed后，结束录制CameraContext.stopRecord无返回数据
简单来讲就是开启了这个属性后录制视频第一次录制可以正常返回视频数据但是从第二次开始返回的数据就是null的关闭这个属性后数据正常
（这个bug现在好像已经修复了）
转机
在使用compressed解决问题失败后不得不另寻他路在新建了一份代码片段并将小程序内的功能在代码片段里实现后我尝试将压缩后的视频直接在小程序内播放发现:在想程序内播放视频并无问题下载后播放也没问题将下载下来的视频放点电脑上从电脑上在云点播后台上传也没有问题！
从这可以得知并不是小程序的压缩视频有问题而是云点播的上传有问题随后到云点播后台找了人工客服花费一下午时间从客服那边拿到了一个不同版本的 SDK 将项目内的 SDK 替换后发现问题解决了。
询问客服得知云点播官方文档内的 SDK 下载链接可能并非是最新版的最好到git仓库上下载
然后自以为问题解决收工下班
再起波澜–结束
第二天上班时得知昨天的问题并没完全解决
经过测试发现压缩过的视频只要超过8MB 还是会出现上述的视频损坏的问题 8MB之后的视频文件全部上传不上去视频直接被截断了 (大概是8MB 差不多两个月前了有些记不清了)
然后打开昨天从客服那边拿到的新版本 SDK 源码翻看了下源码从源码中找到了 getCosStrategy 函数在这个函数内的 sourceData 对象里面的 ChunkSize 参数就是出现问题的地方了将 ChunkSize 参数改为1048576 * 30 问题就解决了
结论
视频压缩后上传损坏的问题可以确定是源码内的getCosStrategy函数下的sourceData对象的ChunkSize值过小造成的将数值改为自己项目需要的大小即可。
最好还是不要改源码直接在上传函数内传入自己需要的大小即可

VodUploader.start({...chunkSize:1024*1024*(MB)...
})

其实腾讯上传SDK文档内有这个参数的描述
但是描述内写的是分块上传时每块的大小并没有写会限制整体上传的大小所以导致从头到尾都把这个参数忽视了还是后面翻了源码才找到了这个参数感觉文档这里写的和实际上的不太一样也有可能视频被压缩了的问题

总之问题到此就结束了。
闲来无事就想记录下这次遇到的问题好让自己有点印象不至于转头就忘了。
如果这篇文章有帮助到您那是我的荣幸。如果没有帮助那也感谢您能看到最后

关于uniapp小程序压缩视频后上传云点播视频损坏这件事相关推荐

小程序上传音频失败_微信小程序实现录音后上传文件方法详细
本篇文章讲述了微信小程序实现录音后上传文件方法,大家对微信小程序实现录音后上传文件方法不了解的话或者对微信小程序实现录音后上传文件方法感兴趣的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧 ...
uni-app小程序实现视频压缩及上传
下面两张图是中的第一张图是选择视频进行上传,第二张图是视频上传后的展示操作这里是有完成选择视频上传压缩,展示选择视频: 上传视频后: 这个整体的思路是选择视频压缩并上传全部代码: <tem ...
微信小程序图片旋转后上传
今天遇到一个很有意思的问题,在开发电子签名的时候,生成的图片角度有问题,需要进行旋转.然而js里并没有旋转图片的api,所以突发奇想把canvas生成的图片再插入进一个新的canvas容器进行编辑旋转 ...
小程序上传服务器图片压缩,微信小程序压缩图片并上传到服务器（拿去即用）...
/**压缩图片*/compressionImage(tempFilePaths, params) { let that= thiswx.getImageInfo({ src: tempFilePath ...
微信小程序如何把图片上传至服务器
微信小程序如何把图片上传至服务器前些日子接了个任务就是开发一个小程序,遇到了一个问题就是需要图片上传至服务器并保存记录,遵循着解决思路我们先从最开始入手 1:微信上传接口 2:服务器接收接口 3:保 ...
小程序图片上传php后台,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(php)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
php 点击选择图片上传,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(PHP)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
微信图片自动上传到服务器,微信小程序怎样使图片上传至服务器
这次给大家带来微信小程序怎样使图片上传至服务器,微信小程序使图片上传至服务器的注意事项有哪些,下面就是实战案例,一起来看一下.-wxml 发布项目 /**选择图片 */ choose: functio ...
微信小程序开发之文件上传下载应用场景（附Demo源码）
微信小程序开发之文件上传下载应用场景(附Demo源码),Demo为小相册应用,源码在附件中,本示例需要腾讯云支持. http://www.henkuai.com/forum.php?mod=viewt ...

关于uniapp小程序压缩视频后上传云点播视频损坏这件事

关于uniapp小程序压缩视频后上传云点播视频损坏这件事相关推荐

最新文章

热门文章