javascript - 创建垂直冲浪者

Question

使用下面的代码点击并不代表正确的音频时序。一些它如何混淆音频的点击事件。

        
#audiovisualizer {
    transform: translateX(100%) rotate(90deg);
    transform-origin: top left;
} 

     

  <section id="audiovisualizer">
    <button onclick="wavesurfer.skipBackward()">
        Backward
    </button>

    <button onclick="wavesurfer.playPause()">
        Play | Pause
        <!-- <ion-icon name="play"></ion-icon> -->
    </button>

    <button onclick="wavesurfer.skipForward()">
        Forward
    </button>

    <button onclick="wavesurfer.toggleMute()">
        Toggle Mute
    </button>
    <div id="waveform"></div>
    <div id="waveform-timeline"></div>
</section>

有没有其他方法可以解决这个问题。提前致谢！！