nouislider - noUisSlider の再生/一時停止ボタン

Question

再生/一時停止ボタンを含む単純な noUiSlider の実例、またはこれを達成する方法はありますか?

画像のスタックに接続された単純な noUiSlider があります。スライダーの番号は、画像を表示するために画像スタックのインデックスに接続されています。

var currentIndex = 0;    
function animation(value, handleElement, slider){
    //alert(value);
    imgArray[currentIndex].setVisible(false);
    currentIndex = Math.floor(value * 45 / 100);        
    imgArray[currentIndex].setVisible(true);
}

// pane Image Layer slider
function setText( value, handleElement, slider ){
    $("#someElement").text( value );
}

$('#html5').noUiSlider({
    start: 45,
    step: 1,
    range: {
        'min': 0,
        'max': 45,                
    },
    format: wNumb({
        decimals: 0
    })
});

$("#html5").Link('lower').to(animation);        
$("#html5").Link('lower').to(setText);

スライダーを前後にスライドすると画像が変わりますが、再生/一時停止ボタンを追加したいと思います。