从 webP 或 webM 渲染 VP8 Frame

Question

基本上webM和webP都是用VP8数据编码的。但此时我只需要 VP8 数据。我试图从 whammy 和 MediaRecorder 渲染 VP8 数据，但一切都以失败告终。

那么，有没有办法在 javascript 中从 webP 图像渲染 VP8 帧？

Answer 1

//VP8 data from webP in Javascript

var url = canvas.toDataURL('image/webp');
url = url.slice("data:image/webp;base64,".length); 
var str = atob(url); //decode the base64 encoded string
var array = new Uint8Array(str.length);
for(var i=0;i<array.length;i++)
    array[i] = str.charCodeAt(i);
var VP8_array = array.slice(20);  //Remove the header part[see ref]

参考：https://en.wikipedia.org/wiki/WebP