Что iPhone Duo значит для веб-разработки?
Разбор Device Posture API и Viewport Segments API на примере адаптации плеера Video.js под сгибаемый экран iPhone Duo.
Сгибаемые экраны становятся стандартом, и веб-платформа подстраивается. Разработчики Video.js разобрали эмулятор iPhone Duo и два новых API для управления разметкой на сгибаемых устройствах:
- Device Posture API — сообщает физическое состояние устройства через медиазапрос
(device-posture: folded). Браузер знает, сложен ли телефон «книжкой» или разложен полностью. - Viewport Segments API — разбивает экран на физические зоны. Через
env(viewport-segment-width)или@media (horizontal-viewport-segments: 2)можно легко сверстать софт под шарнир: например, вынести видео на верхний экран, а управление и чат — на нижний.
Video.js уже адаптировали плеер: при сгибании видео само центрируется сверху, превращая нижний экран в тач-пульт.