W3C 中国召开 Web 前沿技术论坛

智能无限 · 安全互联

6月19-20日 · 北京

会议总结 [English Report]

Web 前沿技术论坛于2023年6月19日-20日以线上线下结合的形式召开,会议由 W3C 中国副理事长李安琪、W3C Web 中文兴趣组主席安勍、W3C MiniApps 工作组主席王子韬共同主持,来自业内的技术专家与现场与会成员深入探讨了最新的 Web 技术及发展趋势,重点关注 Web 安全、智能应用、多媒体、分布式身份、云与 Web 交互等前沿技术并围绕相关技术的国际化与无障碍特性展开探讨。通过技术分享及经验交流,共同探索如何应对当今 Web 面临的挑战,发掘解决方案,进一步满足行业及用户需求。

本次大会由 W3C 中国主办、微软 Reactor 合办。W3C 感谢咪咕科技论坛与微软 Reactor 为本次活动提供直播支持、感谢各位讲者的精彩分享、感谢全体与会成员的大力支持和参与!

以下为各技术话题的讲者分享与现场讨论内容摘要(参见会议日程页面获取各位讲者的演示文稿以及现场视频):

【更智能的 Web、更安全的 Web】

Philippe Le Hegaret(W3C 技术战略总监)介绍了W3C的历史和近期的工作进展,包括Web神经网络APIWeb机器学习的道德原则、Web安全、广告相关技术、WebRTC (Web Real-Time Communications)、WebAssembly、WebGPU、WebTransport、WebCodecs、WCG (Wide Color Gamut)、HDR (High Dynamic Range)、增量字体传输DID (Decentralized Identifier)、VC (Verifiable Credentials)、WCAG (Web Content Accessibility Guidelines) 以及可持续发展。W3C 欢迎大家参与TPAC 2023,与世界上最优秀的专家一起用 5 天时间探讨核心 Web 技术的未来。(参见演示文稿、现场视频 YouTubeB站微信

PWA (Progressive Web Apps) in Sidebar: 利用创新趋势提升用户体验】

宋青见(微软)介绍了如何在 Microsoft Edge 中构建能够通过个性化推荐和浏览器内的⼯具提示触达更多用户的 sidebar app,包括如何配置 web app manifest,下一步将在W3C进行该特性的标准化工作。(参见演示文稿、现场视频 YouTubeB站微信

【GPT 结合前端工程化实现智能研发提效】

艾瑞坤(腾讯)生动地阐述了 GPT (Pre-Trained Transformer) 如何结合工程化实现智能研发提效,包括对 GPT 认知的不断变化、prompt 的重要性和大模型在开发应用中的未来。艾瑞坤分享了利用 GPT 进行智能工程化的 IDE (Integrated Development Environment) 插件,打破了传统 CLI (Command Line Interface) 无法获取代码上下文的限制,能够通过 AST (Abstract Syntax Tree) 精准修改代码,将重复枯燥的事情进行自动化、工程化,进行代码优化和生成,还能在不同编程语言之间进行转化和根据⼿画稿⽣成代码。(参见演示文稿、现场视频 YouTubeB站微信

【Webtransport & Webcodecs 实现 RTC 及其标准参与实践】

李德平(火山引擎 — 字节跳动)对 W3C 和 IETF (The Internet Engineering Task Force)的 WebTransport、WebCodecs 和 WebAssembly 技术进行了介绍,对比了 WebTransport 和其他协议之间的区别,并介绍了基于 WWW 的 RTC 应⽤的整体架构、传输规范、服务端和客户端 SDK (Software Development Kit) 架构、视频发布到接收的流程以及方案的优点和存在的问题。同时,李德平也介绍了 WebTransport 和 WebCodecs 的标准化进展以及如何参与相关标准化工作。(参见演示文稿、现场视频 YouTubeB站微信

【基于 WebAssembly 构建 Web 端音视频通话引擎】

田建华(腾讯)分享了如何基于 WebAssembly 构建一个Web端的⾳视频通话引擎,其中阐述了 WebRTC 架构的优势与劣势,如何通过 WebTransport、WebCodecs 和 WebAssembly 对编解码器、传输方式、数据加密等机制进行定制,以及⾳视频通话引擎和 SDK 的整体架构、SDK 和服务器的优化、系统的调试以及相关问题和展望。(参见演示文稿、现场视频 YouTubeB站微信

【Fugu 项目介绍与技术实践】

宋方振(字节跳动)介绍了 Chromium 的 Fugu 项目背景、当前状态和使用 Fugu API 的 Web 应用示例,说明了 Fugu API 的开发流程和对具体案例的详细介绍,以及 WebXR 相关技术的实践。(参见演示文稿、现场视频 YouTubeB站微信

【WebGPU 与 AI】

顾扬(英特尔)介绍了 WebGPU 的创立、标准化和浏览器实现历程、相关的框架和应用、Web AI 的架构和相关工具链(如TensorFlow.js WebGPU、ONNX (Open Neural Network Exchange) Runtime、TVM (Tensor Virtual Machine)、IREE (Intermediate Representation Execution Environment) 和Transformers.js等)以及英特尔“Web 图形和 Web AI”团队对 W3C 标准的参与和贡献。(参见演示文稿、现场视频 YouTubeB站微信

【下一代知识图谱:语义增强的可编程图谱】

梁磊(蚂蚁集团)对知识图谱领域的两次变革——通用知识图谱和领域知识图谱进行了分析和对比,同时介绍了LLM下基于知识图谱的领域知识外挂,通过 RDF (Resource Description Framework)/OWL (Web Ontology Language) 进行知识管理的不足,RDF 和 LPG (Labeled Property Graph) 对知识建模的对比,还分享了图谱应用的业务痛点和对新知识管理范式的期待,最后介绍了 SPG (Semantic-enhanced Programmable Graph)。(参见演示文稿、现场视频 YouTubeB站、微信

【人工智能治理标准与实践】

安勍(阿里巴巴)介绍了人工智能产业发展的背景和存在的问题,分享了阿里巴巴科技伦理治理委员会的工作准则,以及国内和 ISO、欧盟、W3C、IEEE 等 AI 治理标准的发展现状及方向。

【基于微模块构建大型 Web 前端应用】

钟正楷(腾讯)对基于微模块构建⼤型web前端应⽤进行了介绍,包括微模块是什么、模块联邦的困境与解法,以及基于 hel 微模块的⼤型web前端项⽬设计与架构。(参见演示文稿、现场视频 YouTubeB站微信

【OpenWallet 与值得信赖的 Web】

Wenjing Chu (Futurewei) 简要介绍了 OpenWallet 开源社区的使命、目标和组织架构,探讨了数字钱包在可信Web技术与应用中的核心角色、在 Web 前沿技术上的合作点以及如何参与 OpenWallet Foundation 的工作。(参见演示文稿、现场视频 YouTubeB站, 微信

【WebNN API 最新技术进展】

张敏(英特尔)分享了 Web 机器学习在客户端推理的优势、开发者对客户端推理的需求,同时介绍了 W3C 的 WebNN (Web Neural Network) 技术架构、编程模型、在 Chromium 中的实现情况、和主流 JavaScript 机器学习框架的集成、和 ONNX Runtime Web 的集成、相关代码示例和性能数据以及 W3C 工作组和社区组中的参与者。(参见演示文稿、视频 YouTubeB站、微信

【Web 端实时防挡脸弹幕】

刘俊(哔哩哔哩)介绍了防挡弹幕的原理,如何在纯 Web 端生成一个 mask 并优化性能,最后总结了优化效果。(参见演示文稿、视频 YouTubeB站、微信

【云边端协同的泛在计算与案例分析】

徐嵩(中国移动)对云边端协同的泛在计算案例进行了分析,包括大上行、复杂任务的流处理、复杂任务分布式模型、泛在计算模型和跨层研究的创新、Web3去中心化身份识别、事务型数据中心这几个案例,鼓励对泛在计算更多的研究,进而更好地服务 Web 社区。(参见演示文稿、现场视频 YouTubeB站、微信

【DID 助力马拉喀什条约在中国落地】

夏巨鹏(蚂蚁集团)从一场特殊的观影活动讲起,讲述了盲人对精神生活的向往和对个人隐私的关注,由此引出《马拉喀什条约》这部版权领域的人权条约,为盲人、视力障碍等阅读障碍者提供获得和利用作品的机会,从而保障其平等获取文化和教育的权利。蚂蚁集团通过分布式身份(DID)建立新型数字身份信任体系,助力马拉喀什条约在中国落地。(参见演示文稿、现场视频 YouTubeB站微信

【声音感知技术在手机和智能物联网上的无障碍协同应用】

张俊博(小米)介绍了小米通过自适应模型帮助脑瘫患者“说话”、让交流更加轻松的声音技术,背后的模型训练流程、模型结构等技术细节和相关思考。(参见演示文稿、现场视频 YouTubeB站微信

【W3C MiniApps 工作概览】

安勍(阿里巴巴)介绍了 MiniApps 的生态系统、MiniApps 和 PWAs 的对比、W3C MiniApps 的架构、MiniApps 工作组和社区组的标准化工作和测试工作以及 W3C 的标准化流程。(参见演示文稿、现场视频 YouTubeB站微信

【W3C 技术架构组对 MiniApps 规范的审阅】

薛富侨(W3C)介绍了 W3C 技术架构组对 MiniApp 技术标准的反馈,其中包括同源策略、端到端的包完整性校验以及包格式的性能问题。王佳(百度)阐释了如何让 MiniApp 用户代理兼容实现Web的同源策略,开发者如何使用证书来确保通信的安全性以及包的真实性,以及如何通过分包机制和渐进式加载尽早渲染 MiniApp 页面。(参见演示文稿、现场视频 YouTubeB站微信

【小程序按需注入:优化启动性能,提升用户体验】

奉靖(凡泰极客)对小程序架构进行了介绍,并说明了按需注⼊的必要性,如何设计和实现小程序的按需注⼊,以及按需注入的加载流程和性能对比。(参见演示文稿、现场视频 YouTubeB站微信

【360导航cube:从小程序到 Web,开启无限可能】

孙彤(360)介绍了小程序的生态系统和最佳实践和如何在Web上设计和实现类似于 MiniApps 的 cube,包括 cube 的整体架构、基本原理、具体技术、开发方式,同时也对比了 cube 和 W3C MiniApps。(参见演示文稿、现场视频 YouTube

【MiniApps 标准化的海外视角】

Martin Alvarez-Espinar(华为)对欧洲的Web和轻量级应用生态进行了整体介绍。与欧洲相比,中国的 Web 和 app 分发形式更为多样化,而且世界各地内对 super app 的兴趣都在不断增长。Martin 还介绍了开源组织 OW2 的 Quick App Initiative 以及 W3C 在欧洲举办的 PWAs & MiniApps 研讨会和黑客马拉松,以及对未来的展望。(参见演示文稿、现场视频 YouTubeB站微信