javascript - 使用 html javascript 同步文本和音频

Question

您好，我正在从我的 Angular 脚本调用两个不同的 Web 服务。第一个服务正在返回我用作第二个文本到音频服务的输入的文本。由于在某些情况下文本是长字符串，加载音频文件需要时间，但同时文本输出会打印在屏幕上。我的要求是当音频播放可用时在屏幕上打印文本输出。我正在使用 html 5 标签进行音频播放。如果还有其他方法可以做到这一点，请告诉我。

Answer 1

您需要将事件监听器添加到音频元素上的“canplaythrough”事件。注册一个回调，显示当前文本并在这种情况下播放音频。

实际上没有一个事件可以在媒体完全加载时触发； canplaythrough 只是浏览器根据缓冲量和当前下载速度进行的不间断播放的估计。这并不完全万无一失，但它是可用的最佳选择。