jeudi 9 février 2017

html slider to update value

I want to create T-bar transition web controller in vMix and vMix have api like this

http://ip/api/?function=SetFader&Value=0-255

I try to coded but failed This is my code

    <!DOCTYPE html>
<html>
<head>
<link href="http://ift.tt/2fCb4Ei" rel="stylesheet" type="text/css"> 

<script src="http://ift.tt/1efLaiX" type="text/javascript"></script> 
<script src="http://ift.tt/2kSYLoG" type="text/javascript"></script> 

<body>

<div id="slider"></div>

<script type="text/javascript">

$().ready(function()
{
    $('#slider').slider({change: function() { alert(0); }});

    // These don't work
    $('#slider').trigger('change');
    $('#slider').trigger('slidechange');
});
</script>
</body>
<script>
// Change current viewing time when scrubbing through the progress bar
function upd(a) {
        //http://ift.tt/2k8rkdj
        var url = "127.0.0.1:8088/api/";
        var params = "function=SetFader&Value=" + a;

        http.open("GET", url+"?"+params, true);
        http.onreadystatechange = function() {//Call a function when the state changes.
            if(http.readyState == 4 && http.status == 200) {
                alert(http.responseText);
            }
        }
        http.send(null);
        console.log(tbar.value);
    }
);
</script>
</html>

PS.This is first time ask in stackoverflow sorry for mistake




Aucun commentaire:

Enregistrer un commentaire