Javascript - 在音频播放器的同时使用脚本滚动容器

时间:2018-03-30 22:23:58

标签: javascript audio ember.js smooth-scrolling

我有一个播放mp3文件的音频播放器,下面有一个容器,显示文本的副本。音频文件分为2个通道,因此抄本左侧有一个扬声器,右侧有一个扬声器。

当音频正在播放时,我希望能够与音频同步地逐渐滚动容器,以便音频文件上播放的部分当时位于转录容器的顶部。我也想在暂停音频播放器时暂停滚动,或者在我使用音频播放器的擦洗器时跳转到记录部分。

换句话说,我希望成绩单容器与音频保持同步,而无需手动滚动容器。我不确定这样做的最佳方式,但我知道如果可能的话我想避免使用jQuery。

更新 这是基础外观的图像。我无法真正展示我想要实现的目标,但我希望通过图片和描述更有意义。当你用圆形手柄擦洗时,它应该将抄本滚动到通话的那一部分。

Transcript and Audio

谢谢, 布伦南

0 个答案:

没有答案