渐进式Web应用程序:它们是什么以及如何开始

渐进式web应用程序(pwa)是一种浏览器驱动的应用程序，它是从一个较老的概念演变而来的, 渐进增强. 渐进式增强是指对附加技术进行分层，以根据每个查看上下文中可用的技术提供尽可能最佳的体验. 渐进增强的一个例子是提供多种图像或视频格式，并使用适合设备或浏览器的最佳格式. 如果你使用支持VP9编解码器的浏览器，YouTube将使用VP9, 只有当你使用不支持VP9的浏览器时，才会退回到另一个编解码器.

与静脉, 我们希望能够创建完全在移动浏览器上运行的web应用程序，而不需要在移动操作系统上部署多个本地应用程序. pwa可以在移动设备的主屏幕上安装应用程序图标，像普通的本地应用程序一样全屏启动. 对于业务来说，单一的部署路径意味着更好的投资回报. 无需再担心向应用商店提交原生应用程序以获得批准和部署，只需将PWA构建到现有网站中即可. 在过去, 我曾经写过，在当前的视频发行环境中，不断增加的费用给本地应用程序开发带来了负担. 移动之前, “一次编写, “到处部署”的应用程序开发不仅仅是一个概念, 而是一种因Flash而成为可能的规范. 没有一致的技术来交付应用程序, 软件开发预算呈指数增长，以支持在桌面浏览器上运行的web应用程序，以及为移动设备编写的完全不同语言的本地应用程序.

pwa正在受到关注. 9月在IBC, 总部位于印度的Voot因其新的PWA获得了内容分发创新奖. Voot是维亚康姆旗下的一家媒体公司，为其用户提供了近3.5万小时的内容. Voot对PWA技术的采用增加了视频的观看时间和在应用程序中花费的总时间. pwa的主要优势之一是能够在移动浏览器中立即吸引受众，而无需安装应用程序. 你可以阅读更多关于Voot的PWA 谷歌开发者展示会.

PWA与其说是一种具体的技术，不如说是一种分类. 在流媒体环境中, PWA可以在一个代码库中实现通用的视频体验，在移动设备上的表现与在功能更强大的台式计算机上的表现一样好. 以下是一些支持丰富和可适应的用户体验的当前PWA功能:

MediaSession API: 该特性支持在web应用程序的上下文之外播放内容, 例如，从锁定屏幕覆盖层或通知区域或智能手表等设备控制的视频或音频流.
离线/缓存内容: Service worker充当网页和站点之间的代理, 允许缓存图像, code, 以及离线时可以使用的媒体. 这也加快了重复访问，使整个应用程序响应更快. 缺乏对这一核心PWA功能的iOS支持让开发者感到担忧, 但苹果开始在WebKit中开发服务工作者.
背景获取: 仍在开发中, 当用户浏览到应用程序的其他区域(或其他站点)时，这个API将允许在后台下载媒体文件。.
全屏模式: HTML5的全屏功能可以让开发者更轻松地控制设备的整个屏幕, 使PWA具有本机应用程序的外观和感觉, 尤其是视频回放.
媒体功能API: 但在当前浏览器栈中还不可用, 开发正在进行中，以使配置决定最佳媒体源播放给定设备的处理能力, 带宽, 还有电力消耗. HTML5视频api正在扩展，使应用程序能够测试设备的显示和编解码器功能. 这将允许HDR内容传送到支持的设备.

web生产各个方面的开发人员都可以庆祝回归到更精简的部署管道. 作为视频解决方案架构师, 我希望PWA技术也能帮助满足对智能电视应用程序日益增长的需求. 业务涉众和开发人员希望构建的应用程序在向其受众部署时遇到的障碍更少，他们应该受到PWA技术的启发.

[本文发表于2017年11月/ 12月号。 流媒体杂志 “渐进式网络应用:新希望”."]