MP4视频流base64数据转成Blob对象

2020-05-29 16:53:21 阅读：538 来源： 互联网

标签：arr 视频流 image base64 MP4 bstr var u8arr

网上一大堆对图片base64转Blob、File的方法很少有视频mp4转的，可能是因为原理相同的原因吧！
但在项目中针对视频流base64转Blob对象时，花了好长时间才成功，特专门记录一下！

APP中通过录像或者从手机中选择视频的方式，取出了视频流的base64数据，用网上常见的方式进行转化，却一直不成功，究其原因是，通常的base64转Blob对象方法，都需要带有前缀标识的base64。
例如：
图片的：
data:image/jpeg:base64,------

视频的：

data:video/mp4;base64,----

而项目中插件返回的是纯base64,不带前缀，所以需要对方法进行特殊处理。

首先是常见的转换方法：

 1 function dataURLtoBlob(dataurl) {
 2     var arr = dataurl.split(',');
 3     var mime = arr[0].match(/:(.*?);/)[1];
 4     // 结果：   image/png
 5     console.log("arr[0]====" + JSON.stringify(arr[0]));
 6     //   "data:image/png;base64"
 7     console.log("arr[0].match(/:(.*?);/)====" + arr[0].match(/:(.*?);/));
 8     // :image/png;,image/png
 9     console.log("arr[0].match(/:(.*?);/)[1]====" + arr[0].match(/:(.*?);/)[1]);
10     //   image/png
11     var bstr = atob(arr[1].replace(/\s/g, ''));
12     var n = bstr.length;
13     var u8arr = new Uint8Array(n);
14     while (n--) {
15         u8arr[n] = bstr.charCodeAt(n);
16     }
17     return new Blob([u8arr], {
18         type : mime
19     });
20 }

针对只有纯base64数据修改后的方法：

function dataURLtoBlob2(dataurl) {
    var arr = dataurl;
    var bstr = atob(arr.replace(/\s/g, ''));
    var n = bstr.length;
    var u8arr = new Uint8Array(n);
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {
        type : 'video/mp4'
    });
}

标签：arr,视频流,image,base64,MP4,bstr,var,u8arr
来源： https://www.cnblogs.com/adingfirstlove/p/12988303.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

MP4视频流base64数据转成Blob对象