贝塞尔曲线间隔播放声音

Question

我已经使用三次贝塞尔曲线和translation3d创建了以下动画。我使用以下方法使其移动；

    css({
        'transition-timing-function':'cubic-bezier(0.125, 0.75, 0.35, 1)',
        'transition-duration':'7.5s',
        'transform':'translate3d(-'+winnerPos+'px, 0px, 0px)'
    });

我希望每次箭头经过间隔中的间隙时播放音频效果。我尝试通过碰撞进行操作，但结果并没有那么好。在此处查看gif：https://gyazo.com/3ed482c40408f0cb105c81b7706fc347

我感觉应该有某种方法可以计算出箭头越过间隙时，div的大小为120像素，间隙为6像素（每边3像素，因此为126像素）。

有什么想法吗？