55、网页媒体同步技术现状与挑战

网页媒体同步技术现状与挑战

1. 网页平台概述

网页平台由一系列围绕超文本标记语言（HTML）的技术组成。自HTML5出现以来，这些技术不断发展，使网页应用能够使用越来越多的功能，如本地存储、地理位置、点对点通信、通知、后台执行、媒体捕获等。本文聚焦于产生或处理定时数据的网页技术，以及这些技术在用于同步时出现的问题。

2. HTML与媒体播放

早期的HTML规范（如HTML3.2）主要针对静态文档，没有对定时播放提供特别支持。HTML5引入了音频和视频媒体元素，支持音频和视频数据的播放。网页应用可以使用播放、暂停等命令以及当前时间、播放速率等属性来控制媒体元素的播放。然而，实际应用中存在以下问题：
- 时钟不一致 ：媒体元素的播放偏移是相对于媒体时钟测量的，该时钟由用户代理定义，可能依赖于媒体资源，且不一定与用户的挂钟对应，同一页面上的两个媒体元素可能遵循不同的时钟，导致播放偏移随时间出现差异。
- 延迟问题 ：HTML5没有保证按下播放按钮时软件和硬件引入的延迟，也没有后续补偿机制。
- 时钟暂停 ：当用户代理需要获取更多数据时，HTML5中的媒体时钟会自动暂停，这在一些复杂的跨设备编排场景中可能不符合需求。
- 播放速率控制不精确 ：播放速率属性最初是为了实现快进和快退功能，并非用于精确控制媒体时间轴上的播放速度。

为了解决单页面内媒体元素的同步播放问题，HTML5引入了媒体控制器的概念，但浏览器厂商并未实现该功能，且该机制仅适用于媒体元素，无法用于编排其他类型的