Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website

  • Dear colleagues,

    These last days I’ve been trying to integrate my webcam into the ScadaBR without success. I would like to know what could I do to make it work. I work with the software called WebcamXP5, which I am able to see the broadcasting though a web page (http).The code is shown below:

    <script type="text/javascript">
    var height_array = new Array();
    var width_array = new Array();
    width_array[1] = 640;
    height_array[1] = 400;
    </script>
    <img src="http://189.25.87.53:8080/loading.jpg" class="webcam" id="webcam1" onmousedown="PTZMouseDown1(event)" width="640" height="400" alt="Live Stream" />
    <script type="text/javascript">
    <!--
    currentCamera1= 1;
    errorimg1= 0;
    document.images.webcam1.onload = DoIt1;
    document.images.webcam1.onerror = ErrorImage1;
    function LoadImage1()
    {
    uniq1 = Math.random();
    document.images.webcam1.src = "http://189.25.87.53:8080/cam_" + currentCamera1 + ".jpg?uniq="+uniq1;
    document.images.webcam1.onload = DoIt1;
    }
    function PTZMouseDown1(e)
    {
    var IE = document.all?true:false;
    var x,y;
    var myx,myy;
    var myifr = document.getElementById("iframe-ptz");
    tp = getElPos1();
    myx = tp[0];
    myy = tp[1];
    if(IE){
    var scrollX = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;
    var scrollY = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
    x = event.clientX - myx + scrollX;
    y = event.clientY - myy + scrollY;
    } else {
    x = e.pageX - myx;
    y = e.pageY - myy;
    }
    if ((width_array[currentCamera1] != null) && (width_array[currentCamera1] > 0)) x = Math.round((x * 400) / width_array[currentCamera1]);
    if ((height_array[currentCamera1] != null) && (height_array[currentCamera1] > 0)) y = Math.round((y * 300) / height_array[currentCamera1]);
    if (x > 400) x = 400;
    if (y > 300) y = 300;
    if (myifr != null) myifr.src = "http://189.25.87.53:8080/ptz?src=" + currentCamera1 + "&moveto_x=" + x + "&moveto_y=" + y +"";
    return true;
    }
    function getElPos1()
    {
    el = document.images.webcam1;
    x = el.offsetLeft;
    y = el.offsetTop;
    elp = el.offsetParent;
    while(elp!=null)
    { x+=elp.offsetLeft;
    y+=elp.offsetTop;
    elp=elp.offsetParent;
    }
    return new Array(x,y);
    }
    function ErrorImage1()
    {
    errorimg1++;
    if (errorimg1>3){
    document.images.webcam1.onload = "";
    document.images.webcam1.onerror = "";
    document.images.webcam1.src = "offline.jpg";
    }else{
    uniq1 = Math.random();
    document.images.webcam1.src = "http://189.25.87.53:8080/cam
    " + currentCamera1 + ".jpg?uniq="+uniq1;
    }
    }
    function DoIt1()
    {
    errorimg1=0;
    window.setTimeout("LoadImage1();", 40);
    }
    //-->
    </script>

    Using the same code within the datasource called “http imagem” in the ScadaBR, and cheking the watchlist I can see the screen but not the image. Below the image for better understanding:

    http://www.youtube.com/watch?v=vYVmoqAy1oY&feature=youtu.be

    this video show how I made for put webcam into scadabr

    Any help will do. Thanks!

    Best regards!


  • ScadaBR is not supported here. I recommend you switch to Mango Automation.


  • How do i make download of Mango ?

    sorry my bad ingles.