html5 – blob:protocol如何作为源工作?

我的一个朋友试图下载Twitter嵌入式视频,并在 HTML代码中找到类似的内容
<video preload="auto" data-id="content" data-type="content" src="blob:https%3A//twitter.com/7897de6d-6eed-4905-9ed2-00ea3d2c99d5" class="visible paused" style="width: 100%; height: 100%;"></video>

当我试图找出视频流的真实来源时(通过检查浏览器网络控制台并点击代理),我感到困惑.随着视频播放,字节似乎无处不在.

浏览器如何理解blob“协议”?

解决方法

Blob是一种处理属于浏览器的内存的方法.这可以是文件,或来自画布的数据,也可以是以其他方式计算的数据.当数据以JavaScript具有Blob访问权限的方式加载时,您可以创建一个BlobURI,这是一个指向内部内存结构的URL.

对于Twitter使用blob url进行视频的情况,我怀疑他们要么通过画布代理视频以应用过滤器,要么使用blob用于某种本地缓冲区.无论哪种方式,这意味着JS在过去的某个时刻可以访问内存.

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码