0

我正在研究为网页响应加载图像(是热门话题)我选择使用 srcset polyfill 来考虑 dpi 和屏幕宽度......问题是我选择使用图像作为背景覆盖整个屏幕(所以我需要显示同一图像的多个不同裁剪,即使只是横向和纵向视图,这样做以适应多个设备的宽度和高度似乎是一场噩梦)所以我正在探索不同的可能性我如何在多个屏幕比例和分辨率上显示和图像,同时仍然不加载大量图像,只显示其中的三分之一,因为其余部分被裁剪以不失真。我遇到了 w3c 规范。对于媒体片段,它基本上允许以像素格式检索 jpeg 或视频的某些部分,矩形尺寸,即。图像的 50% 宽度和高度在图像中水平和垂直居中。这是 w3c 规范的链接 -->w3c 链接<--现在解释如何为浏览器实现这一点我的问题是http请求是如何工作的,它们是如何获取整个图像并裁剪客户端的,还是jpeg文件格式将数据位映射到可以解释的像素位置和由服务器解析为仅返回我请求的图像部分的特定字节,从而减少提供图像所需的字节总数?我要问的原因是,如果这样使用媒体碎片可以让我动态裁剪任何图像以适应屏幕尺寸,并且还可以防止在只能显示一半或三分之一像素时下载整个图像所需的额外带宽开销。无论如何,任何人都可以让我对此有所了解吗?并且如果任何浏览器此时原生支持媒体碎片(尽管这polyfill似乎涵盖了其他内容

4

1 回答 1

0

“可以由服务器解释和解析,只返回我请求的图像部分的特定字节”

AFAIK 大多数媒体片段播放器只是从服务器获取整个资源。有媒体片段服务器实现,但这些主要是示范性的,一种是 Ninsuna Media Delivery ( http://ninsuna.elis.ugent.be/ModelDrivenMediaDelivery )

“如果有任何浏览器在这个时候原生支持媒体碎片”

Firefox 自 9 版以来,Safari 自 2012 年 1 月以来和 Chrome 自 2012 年 1 月以来(至少部分)

我报告的这些信息来自 MediaMixer 项目,感谢 Raphael Tronc。在http://community.mediamixer.eu/materials/software上有一个媒体片段支持软件的列表。

于 2013-12-03T11:57:37.033 回答