使用html javascript同步文本和音频

Sync text and audio using html javascript

本文关键字：音频文本同步 html javascript 使用更新时间：2023-09-26

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

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

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