使用html javascript同步文本和音频

Question

您好，我正在从我的angular脚本调用两个不同的web服务。第一个服务是返回文本，我使用它作为第二个文本到音频服务的输入。因为在某些情况下，文本是长字符串，加载音频文件需要时间，但同时文本输出会打印在屏幕上。我的要求是当音频播放可用时，在屏幕上打印文本输出。我使用html5标签来播放音频。如果有其他方法可以做到这一点，请让我知道。

Answer 1

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

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