2019, Web 为我们准备了什么

使命: 尽展 Web 的全部潜能

• 1994年由 Tim Berners-Lee 创立
• 需要持续地分析发掘 Web 的潜能:
  • Web 如何影响商业与社会发展
  • 哪些领域需要修正
  • 社会需求
  • 持续改善以提供引人入胜的用户体验
  • 产业需求
  • 扩展世界的触角

拓展核心能力

未来发展

CSS 进展

• CSS Writing Mode 正式发布第一版 REC
• Worklets: 针对渲染线程的独立运行脚本
  paint, layout, animation, audio
• Houdini: 通过 Javascript 拓展 CSS 能力
  • Typed Object Model
  • Properties and Values API
  • Paint API: based on Canvas
  • Layout API: 超越 grid 和 flexbox
• Web Audio API: filters, channels, etc.

Web 性能

• 监测: Performance Timeline
  • server, resources
  • tasks, element, paint
• 优化:
  • scheduling background tasks
  • resource loading, visibility
• 汇报: beacon, Reporting API & Network Error Logging
• Next: LargestContentfulPaint (LCP), JS-self profiling, FrameTiming?

Web Assembly

• 基于栈的二进制指令结构虚拟机
• 目标是为高层语言，如 C/C++/Rust 提供编译
• 为高性能的页面脚本设计
• WebIDL Bindings 提案: make WebAssembly bindings from/to WebIDL APIs more efficient

WebXR

• CR in Q4 2019 马上定稿
• 虚拟现实 (VR) 和增强现实 (AR) 为全面的沉浸式体验和空间计算打开了技术大门
• WebXR 在浏览器中同时支持 VR & AR ，创造了低碎片化的沉浸式体验入口。

💂 Web 应用安全

通过相互协作的安全策略来保证浏览器安全

• 域名策略: CORS, CSP, Secure Context:

  Access-Control-Allow-Origin: *
  
  Content-Security-Policy: frame-src https://www.w3.org/
  
  Timing-Allow-Origin: *

• Mixing content: Mixed Content (https/http), subresource integrity

  <script src="https://example.com/example-framework.js"
  
                                          integrity="sha384-LF...

Feature 和 Permissions Policy

• Feature policy: framework 框架, delivery 内容传送, FeaturePolicy API

  Feature-Policy: fullscreen 'none'; geolocation 'none'

• Permission API

  navigator.permissions.query({ name: "clipboard" }).then ...
  
  // "granted", "denied", "prompt"

图形图像处理能力与 Web

• 超越WebGL?
• WebGPU:
  • 幕前渲染与幕后图像绘制
  • 多任务计算
• 和 Web 匹配的安全模型 a security model compatible with the Web
• WHLSL: 平台中立的 Shading 语言
• 可以独立于 Direct3D, Metal, or Vulkan 之上实现.

富有活力的多媒体应用生态

Members: Adobe, Amazon, Apple, BBC, Cisco, Comcast, Google, Intel, Microsoft, Netflix, Rakuten, Sony, Walt Disney, ...

Web 视频全新体验

Media 工作组

• 由 Mounir Lamouri (Google), Jer Noble (Apple) 担任主席
• Media Capabilities: 开放编码、解码和输出(HDR)方式以选择最佳的视频内容
• Media Playback Quality: 用户定制的回放接口 (从早期的 MSE 分离而来)
• Media Session: 允许开发者个性化视频交互控制等
• Picture-in-Picture: 弹出新的浮动窗口，允许用户在浏览页面其它部分或者应用时继续观看
• Autoplay Policy Detection: 还没有完美的设计与共识

WebRTC 作为传输者

• 数据通道：基于 （加密）DTLS 的 SCTP。可以用于端对端或者端对服务器
• 语音/视频实时流：基于 RTP 的流传输
• WebTransport（提案）：允许使用可插拔的底层协议 (QUIC) 来发送和接收数据

WebRTC 和视频编解码

• VP8, H.264 是官方的编解码格式 (RFC7742)
• Simulcast 直播现已得到支持
• (进行中的) Scalable Video Coding (SVC) Extension for WebRTC
• (提案中的) WebCodecs:  高效访问内置的 (软件和硬件) 视频编码和解码

WebRTC 面向下一代的用例

• 机器学习
  • Adaptation, Image Recognition
  • Raw media access and manipulation, multi-threading
• 虚拟现实 (和 WebXR结合)
  • Synchronize data with audio/video
  • Transport
• 云游戏
  • Adaptation, Initial handshake, Bandwidth
  • Transport
• 端对端加密
  • Transport

W3C 中文兴趣组 Chinese Web IG

用熟悉的语言（中文）讨论技术想法和独特的 Web 需求

用熟悉的技术（小程序，快应用，弹幕，直播）实现和拓展 RTC 技术和用例

Web 需要你的想法和声音

小程序 & 快应用

• 实现信息互通(data linking): Web, Apps, Search Engines, MiniApp Platforms
• API interoperability 一致的表层接口 = reduces costs for everyone
• Feedback from the browser vendors

小程序 & 快应用

W3C 技术架构组（TAG）反馈

回顾以往经验，我们一直在努力尝试将某些规范设想引入 W3C，不过也存在着一些尚未成功地集成到 Web 平台中的案例。我们不希望 MiniApp 踩同样的坑。我们希望通过共同的努力让 Web 成为强大的且具有广泛包容性的平台。倘若 MiniApp 社区能够将具体需求反映到各规范中，这将是十分有益的。我们希望 MiniApp 社区能够与 W3C 全球社区有更多的交流和互动，W3C 全球社区需要认真倾听这些需求并促进融合...TAG 很愿意看到并认真谨慎地引导社区以及技术工作的融合

谢谢！

问题?

https://www.w3.org/2019/Talks/shenzhen-2019-plh/

plh@w3.org