Calling zoom method (wavesurfer.js)

[dimakhilchenko]

Hi, @thijstriemstra

I am trying to add zoom feature of wavesurfer.js in your plugin.
How can I call wavesurfer.js zoom method from your script?

Thanks in advance for your help #

[thijstriemstra]

hi @dimakhilchenko, here's an example:

<audio id="myAudio" class="video-js vjs-default-skin"></audio>
<button id="zoomBtn">Zoom</button>

<script>
var player = videojs("myAudio",
{
    controls: true,
    autoplay: true,
    loop: false,
    width: 600,
    height: 300,
    plugins: {
        wavesurfer: {
            src: "media/heres_johnny.wav",
            msDisplayMax: 10,
            waveColor: "grey",
            progressColor: "black",
            cursorColor: "black",
            hideScrollbar: true
        }
    }
});

player.on('ready', function()
{
    document.getElementById("zoomBtn").onclick = function()
    {
        player.waveform.surfer.zoom(2);
    };
});