我正在研究响应性地加载网页图像(是热门话题)我选择使用srcset polyfill来考虑dpi和屏幕宽度......问题是我选择使用图像作为覆盖整个屏幕的背景(所以我需要显示相同图像的不同作物,即使只是景观与肖像视图,这样做以适应多个设备宽度和高度似乎是一场噩梦)所以我正在探索关于我如何在多个屏幕比率和分辨率下显示和图像的不同可能性,同时仍然没有加载大量图像只是为了显示其中三分之一作为休息被裁剪出来以便不扭曲。我遇到了w3c规范。对于媒体片段,其基本上允许以像素化的矩形维度检索jpeg或视频的某些部分,即。在图像中水平和垂直居中的图像的50%宽度和高度。这是w3c规范的链接 - > w3c link< - 解释如何为浏览器实现此功能现在我的问题是http请求如何工作,他们取得整个图像和裁剪客户端,还是有一些jpeg文件格式将数据位映射到像素服务器可以解释和解析的位置只返回我请求的图像部分的特定字节,从而减少了服务图像所需的总字节数? 我问的原因是,如果是这样,使用媒体碎片将允许我动态裁剪任何图像以适应屏幕尺寸,并且另外防止在仅显示一半或三分之一像素时下载整个图像所需的额外带宽开销。无论如何,任何人都可以给我一些洞察力吗?如果任何浏览器此时本身支持媒体碎片(尽管此polyfill似乎涵盖其他人) 我对内部工作的任何见解都会非常感激,我已经对规格进行了简要介绍,但似乎无法获得关于图像下载的实际方式
答案 0 :(得分:0)
“可以被服务器解释和解析,只返回我请求的图像部分的特定字节”
AFAIK大多数媒体片段播放器只是从服务器获取整个资源。有媒体片段服务器实现,但这些主要是示范性的,一个是Ninsuna Media Delivery(http://ninsuna.elis.ugent.be/ModelDrivenMediaDelivery)
“如果此时任何浏览器本身支持媒体碎片”
自版本9以来的Firefox,自2012年1月起的Safari和自2012年1月以来的Chrome(至少部分)
来自Raphael Troncy的信用我从MediaMixer项目报告的这些信息。在http://community.mediamixer.eu/materials/software有一个媒体片段支持软件列表。