-->
Save your seat for Streaming Media NYC this May. Register Now!

Progressive Web Apps: What They Are and How to Get Started

Article Featured Image

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

With PWAs, 我们希望能够创建完全在移动浏览器上运行的web应用程序,而不需要在移动操作系统上部署多个本地应用程序. pwa可以在移动设备的主屏幕上安装应用程序图标,像普通的本地应用程序一样全屏启动. 对于业务来说,单一的部署路径意味着更好的投资回报. 无需再担心向应用商店提交原生应用程序以获得批准和部署,只需将PWA构建到现有网站中即可. In the past, 我曾经写过,在当前的视频发行环境中,不断增加的费用给本地应用程序开发带来了负担. Prior to mobile, “write once, “到处部署”的应用程序开发不仅仅是一个概念, but a norm made possible by Flash. Without a consistent technology to deliver apps, 软件开发预算呈指数增长,以支持在桌面浏览器上运行的web应用程序,以及为移动设备编写的完全不同语言的本地应用程序.

PWAs are getting noticed. In September at IBC, 总部位于印度的Voot因其新的PWA获得了内容分发创新奖. Voot是维亚康姆旗下的一家媒体公司,为其用户提供了近3.5万小时的内容. Voot对PWA技术的采用增加了视频的观看时间和在应用程序中花费的总时间. pwa的主要优势之一是能够在移动浏览器中立即吸引受众,而无需安装应用程序. You can read more about Voot’s PWA in the Google Developer Showcase.

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

  • MediaSession API: 该特性支持在web应用程序的上下文之外播放内容, 例如,从锁定屏幕覆盖层或通知区域或智能手表等设备控制的视频或音频流.
  • Off line/cached content: Service worker充当网页和站点之间的代理, allowing caching of images, code, and media that can be used while offline. 这也加快了重复访问,使整个应用程序响应更快. 缺乏对这一核心PWA功能的iOS支持让开发者感到担忧, 但苹果开始在WebKit中开发服务工作者.
  • Background Fetch: Still in development, 当用户浏览到应用程序的其他区域(或其他站点)时,这个API将允许在后台下载媒体文件。.
  • Full-screen mode: HTML5的全屏功能可以让开发者更轻松地控制设备的整个屏幕, giving the PWA the look and feel of a native application, especially with video playback.
  • Media Capabilities API: While not yet available in current browser stacks, 开发正在进行中,以使配置决定最佳媒体源播放给定设备的处理能力, bandwidth, and power consumption. HTML5视频api正在扩展,使应用程序能够测试设备的显示和编解码器功能. 这将允许HDR内容传送到支持的设备.

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

[本文发表于2017年11月/ 12月号。 Streaming Media Magazine as "Progressive Web Apps: A New Hope."]

Streaming Covers
Free
for qualified subscribers
Subscribe Now Current Issue Past Issues
Related Articles

Video: Progressive Web Apps vs. Native Apps, Part 2: Cons

THEO Technologies首席执行官Pieter-Jan Speelmans在他的Streaming Media West演讲片段中讨论了渐进式web应用程序(pwa)的缺点.

Video: Progressive Web Apps vs. Native Apps, Part 1: Pros

THEO Technologies首席执行官Pieter-Jan Speelmans在他的Streaming Media West演讲片段中讨论了渐进式web应用程序(pwa)的好处.

SME '17: Why You Need a Progressive Web App

渐进式web应用结合了本地应用的粘性和可发现性, shareability, and flexibility of browser-based content, including fast video playback