写点什么

W3C Web 技术总负责人:拓展 Web 核心能力,W3C 关注哪些技术?

  • 2019-05-07
  • 本文字数:2985 字

    阅读完需:约 10 分钟

W3C Web 技术总负责人:拓展Web核心能力,W3C关注哪些技术?

5 月 6 日,InfoQ 主办的QCon 2019全球软件开发大会在北京举行。W3C Web 技术总负责人 Philippe Le Hégaret 在大会上做了《Now and the Future: An Overview of the Web in 2019》的分享,介绍了 Web 技术当前关注的技术方向。


Web 技术在过去的标准制订方面进展比较缓慢,因此在移动互联网时代受到一些质疑,不过这一情况已经在 HTML5 和 ES6 等新标准的推出下有所好转。


我们根据演讲整理如下:


声明:本文为整理而成,非直接引用部分不代表 Philippe 先生的观点,文章不代表 W3C 官方说法。


万维网联盟 W3C 于 1994 年由 Tim Berners-Lee 创立,迄今已出台 400 多份 Web 标准,W3C 的宗旨是中立、世界范围的技术协调、为未来技术发展奠定基础,它在全球有 4 个总部,包括位于北京航空航天大学的 W3C 中国。


近年来,W3C 着力拓展新的领域,其中最重要的一项是汽车互联网。



BYTON’s next generation IVI system


W3C 希望顺应机器应用生态的需求,减少独家商业方案带来的碎片化,打造适用于车联网的 Web 技术方案,因此成立了 W3C Auto 工作组,目前重点关注汽⻋数据 - W3C VISS (Vehicle Information Service Specification 汽⻋信息服务标准)、消息推送、多媒体、地理数据服务/导航、支付等方面。



在拓展 Web 核心能力方面,W3C 当前的关注重点包括:


  • WebRTC:Web 上原生的视频通话能力;

  • Web Assembly:极大提升性能,以及将其它语言生态引入 Web;

  • WebPerf:Web 应用的性能管理框架;

  • Web Payments:原生的 Web 支付 API 标准;

  • Immersive Web:让 Web 原生支持 VR 和 AR;

  • WebAuthn:Web 原生验证;

  • Service Workers:通过后台任务来支持离线以及提升性能;

  • Web Components:自定义可重用的 Web 组件;

  • MSE:多媒体子系统和 API;

  • Extensive Web:允许开发者扩展浏览器功能。


下面对其中一些重点分别介绍:


Web 图形处理能力


在利用 GPU 能力处理复杂和 3D 图形时,过去的 Web 标准是 WebGL,但这个标准面对快速发展的软硬件来说还不够,因此 W3C 又推出了 WebGPU 和 WHLSL,前者可进行幕前渲染与幕后图像绘制,以及多任务计算,后者是平台中立的 Shading 语言,可以独立于 Direct3D, Metal, or Vulkan 之上实现,InfoQ 之前做过介绍:


Webkit 推出新的着色语言 whlsl


Web Assembly


Web Assembly 一经问世就引起了广泛的注意,它基于栈的二进制指令结构虚拟机,目标是为高层语言,如 C/C++/Rust 提供编译,为高性能的页面脚本设计。



Web Assembly 的一个重要应用场景是游戏,之前已经有厂商演示将 C++编写而成的大型 3D 游戏迁移到浏览器上。


W3C 也在考虑更多的为游戏提供支持,包括对输入设备如手柄的支持以及多线程操作的支持。


WebXR


WebXR Device API 旨在为开发者提供用于开发沉浸式应用程序的接口,让他们可以通过这些接口开发出基于 Web 的、舒适的、有吸引力的沉浸式应用程序。



开发者可以通过 WebXR API 来创建 XR 体验。XR 包括了增强现实(AR)、虚拟现实(VR)和最近出现的沉浸式技术。前不久 W3C 刚发布 WebXR 的标准草案,我们也对其进行了介绍:


W3C 发布 WebXR 规范草案,用于开发沉浸式 Web 应用程序


WebRTC 和 MSE


WebRTC 让语音/视频通话能力为所有的 Web App 所用,它已经被大多数浏览器支持,计划本年末成为浏览器默认能力。



WebRTC 只是 Web 视频体验其中的一部分,从视频的前端的生产/采集,到传输/编解码,更完整的图示如下:



MSE 媒体源扩展主要作用在视频流处理这一块,其中一项重要的技术是自适应比特率流 ABR,而 ABR 具体的实现包括 MPEG-DASH,近几年它已经逐渐引起重视,前段时间我们介绍过 bilibili 在这方面的实践:


MPEG-DASH在bilibili的应用与实践


Web 字体(Web Fonts)


Web 字体是扩展 Web UI 展现能力的重要一环,它已经在英文互联网得到了广泛的实践,但由于字符集的问题——中文字体的字符集超过 20000 个字体,动态加载 Web 字体对中文来说不太现实。


但这一情形也即将改善,根据统计发现,网页上使用的中文常用字符少于 2400 个,基于这个事实催生了子字库提案,它可以动态分割字体并通过流的形式仅传输需要的字符的字体。这一提案可能在 2020 年成为现实。


渲染加强



W3C 在渲染加强方面主要包括两项技术:Worklets 和 CSS Houdini,前者是针对渲染线程的独立运行脚本,可以认为是一个简化版本的 Web Workers,让开发者能操作渲染管线中的底层部分,后者通过 Javascript 拓展 CSS 能力,通过 paint API/Layout API,提供比之前的 Canvas/Grid/Flexbox 更强大的表现能力。


Web 与机器学习


AI 是近年来的热门领域,公司和社区都有不少开发者试图将 Web 与 AI 联系起来,从而提供更好的体验。W3C 也成立了机器学习的社区组,并策划 2019 年的全球研讨会。


W3C 也试图提供原生的 Web 神经网络 API,这是为神经网络理论硬件加速设计的底层接口,用例包括:人物识别,语义诊断,情绪分析,图像自动分类等等,目标是可以直接使用预训练的深度神经网络模型。来自 Intel 的 Ningxin Hu 对此已经做出了一份提案


Web 和网络


5G, QUIC, 边缘计算等正在革新网络拓扑服务。这些新的机遇对 Web 提出了新的技术需求,W3C 举办了 Web5G 研讨会,探讨新的网络形式带来的可能趋势。


Web 性能


Web 性能方面的研究旨在提升 Web 开发体验以及优化 Web 应用性能,包括监控/优化和报告方面的提升,监控包括 Performance Timeline、server, resources、tasks, element, paint;优化包括 scheduling background tasks、resource loading、visibility;报告包括 beacon, network error 等。


Web 应用安全与 WebAuthn


Web 应用安全方面通过浏览器与后端相互协作的安全策略来保证浏览器安全,已经实现和推进中的技术包括域名策略 CORS, CSP, Secure Context,对混合内容如 HTTP 和 HTTPS 混用等也提升了安全等级,另外还有新的 FeaturePolicy API 和 Permission API 来防止特性的滥用。



WebAuthn 是为线上快速身份验证 FIDO 2.0 设计的 Web API,它利用如今越来越流行的生物特征识别机制(如指纹/面容识别),为每个网页提供了与其域名绑定的独一无二的加密和验证机制。它可以实现本地化的验证数据,如生物识别等,不会离开设备。2019 年 3 月第一版标准正式通过实现。


无障碍访问(Accessibility/a11y)


世界上有超过十亿的残障人士,我们需要确保他们无障碍地在线进行教育,电商,工作,娱乐活动。Web 无障碍访问技术保证残障人士也可以流畅使用 Web,包括听觉,视觉,操作,认知等多个层面。中国正参考 W3C 相关提案简体中文版本进行国家标准的更新。


W3C 十分重视无障碍访问技术,为其提供了多种开发者资源和工具,可访问官方页面获取。


Web 中文兴趣组与小程序研讨会


在本地社区方面,W3C 正在尝试使用熟识的本地语言(中文)讨论技术想法和独特的 Web 需求,目前中文兴趣组策划的小程序/快应用研讨会将于近日举行,其主题包括:


  • 小程序和快应用解决了哪些 Web 还没有解决的问题,如何解决的

  • 小程序和快应用存在的问题,包括开发中遇到的问题和使用中遇到的问题

  • 不同小程序/快应用 API 之间的差异、跨平台开发框架以及下一代移动 Web 应用的标准化方向

  • 新场景的 API (AR and AI)

活动推荐

在即将于 6 月 20~21 日举行的 GMTC 北京 2019 全球大前端技术大会上,来自 Google、Twitter、BAT、美团、字节跳动等 70+一线技术专家将与你共话前端那些事,涵盖小程序、Flutter、工程化、性能优化、前端框架等 20+热点技术,不可错过。


2019-05-07 18:3319646
用户头像

发布了 164 篇内容, 共 118.3 次阅读, 收获喜欢 392 次。

关注

评论 1 条评论

发布
用户头像
汽车互联网那个完全是 bullshit,开车首要的是安全,系统越复杂可靠性越差。车机交互做得好给谁用?给驾驶员之外的人用的话,他们为什么不玩手机,为什么不在车上装个 iPad ?而且在车上太多屏幕更容易晕车。
2019-05-17 11:27
回复
没有更多了
发现更多内容

前端如何一键生成多维度数据可视化分析报表

徐小夕

Java node.js 大前端 React 数据可视化

嗯,挺全乎儿的,Spring Boot 多环境配置都在这里了,你喜欢哪种?

比伯

Java spring 编程 程序员 架构

成长为软件教练的三千大道之一

华为云开发者联盟

Java 敏捷开发

一次完整的JVM堆外内存泄漏故障排查记录

Zhendong

如何使用JavaScript实现前端导入和导出excel文件(H5编辑器实战复盘)

徐小夕

Java node.js 大前端 React 数据可视化

【再见 — JVM】,需要”我”为你做些什么?

码界西柚

Java JVM Java 25 周年 1 周年盛典 InfoQ 写作平台 1 周年

架构师训练营 1 期 - 第八周 - 性能优化 2

三板斧

极客大学架构师训练营

朋友推荐我这份阿里面试通关手册,我却选择了字节的offer

小Q

Java 学习 程序员 架构 面试

Java动态修改LOGGER日志级别

Zhendong

Java Arthas

关于静态分析技术符号执行,从一个故事讲起······

华为云开发者联盟

代码 分析 静态

技术实践丨基于MindSpore的ResNet-50蘑菇“君”的识别应用体验

华为云开发者联盟

网络 mindspore 识别推理

LeetCode题解:剑指 Offer 22. 链表中倒数第k个节点,递归,JavaScript,详细注释

Lee Chen

算法 大前端 LeetCode

七张图了解Kubernetes内部的架构

网管

Kubernetes k8s k8s入门

目标检测-框架之darknet-数据读取

Dreamer

第八周学习性能优化 2 总结

三板斧

极客大学架构师训练营

架构师训练营 1 期 -- 第八周作业

曾彪彪

极客大学架构师训练营

开源GitHub标星30K的腾讯Redis笔记,阿里技术专家看到都赞不绝口

小Q

Java 学习 编程 架构 面试

解密猫晚直播技术:如何保障全球200多个国家和地区同时在线狂欢?

阿里云CloudImagine

甲方日常 50

句子

工作 随笔杂谈 日常

不服!阿里P8手写489页SQL优化通关手册,解决你百思不得其解问题

996小迁

sql 程序员 架构 面试 计算机

看完之后,不要再说不懂代理IP了!

前嗅大数据

大数据 静态IP 代理IP 短效代理 动态IP

架構師訓練營第 1 期 - 第 08 周作業

Panda

架構師訓練營第 1 期

炸了!一口气间了我18个JVM问题!

面试 jvm调优 JVM垃圾回收原理

Reactor详解之:异常处理

程序那些事

响应式 reactor 程序那些事 响应式系统 响应式架构

【DevOps实践】企业应用场景众多,怎样选择合适的代码分支模型?

嘉为蓝鲸

git DevOps 软件开发 持续交付 代码管理

spring-注入配置

Isuodut

架构知识学习总结

小黄鱼

极客大学架构师训练营

天秀!这份由阿里数位大牛编写的777页高可用架构+MySQL

Java~~~

Java MySQL 编程语言 高并发 架构师

阿里又出一座丰碑!P9级架构师整合出最新最全微服务1700页手册,下载下来慢慢啃

Java架构追梦

Java 架构 微服务 springboot SpringCloud

python+flask编写一个简单的登录接口例子

测试人生路

Python 接口测试

双“11”搞促销?用贪心算法来盘他!

王磊

算法

W3C Web 技术总负责人:拓展Web核心能力,W3C关注哪些技术?_大前端_徐川_InfoQ精选文章