Jump to content

GStreamer DispTEC Plugin: Difference between revisions

GStreamer DispTEC Plugin (view source)

Revision as of 09:07, 26 April 2019

4,077 bytes added ,  26 April 2019
m
no edit summary
mNo edit summary
mNo edit summary
Line 1: Line 1:
__NOTOC__
__NOTOC__
= Overview =
GstDispTEC is a GStreamer plug-in which integrates DispTEC <ref>http://palvarado.ietec.org/pmwiki/index.php/Proyectos/DispTEC?userlang=en</ref> library's algorithms, making it possible to incorporate their functionality into GStreamer pipelines, such as motion detection in a video sequence or object tracking, showing where the object is located on a frame, even with non-stationary cameras!
With GstDispTEC, it is possible to add several DispTEC-based elements in the same pipeline to strengthen image analysis, connect your own applications to the pipeline for receiving the analysis data and much more amazing things. Also, the algorithms can be run either on CPU or GPU, making the most of the computational resources and reducing the processing time.
== Demonstration ==
=== Object tracking element ===
<center>
<table>
<table>
<tr>
<tr>
Line 172: Line 183:
     })();
     })();
     /*]]>*/
     /*]]>*/
    </script>
</script>
</html>
</html>
</td>
</td>
</tr>
</tr>
</table>
</table>
</center>


= Overview =
<center>
<embedvideo service="youtube">https://youtu.be/KjdDbL9m6vs</embedvideo>
</center>


GstDispTEC is a GStreamer plug-in which integrates DispTEC <ref>http://palvarado.ietec.org/pmwiki/index.php/Proyectos/DispTEC?userlang=en</ref> library's algorithms, making it possible to incorporate their functionality into GStreamer pipelines, such as motion detection in a video sequence or object tracking, showing where the object is located on a frame, even with non-stationary cameras!
=== Motion detection element ===
<center>
<table>
<tr>
<td>
<html>
<div id='product-component-c61a89404de'></div>
    <script type="text/javascript">
    /*<![CDATA[*/


With GstDispTEC, it is possible to add several DispTEC-based elements in the same pipeline to strengthen image analysis, connect your own applications to the pipeline for receiving the analysis data and much more amazing things. Also, the algorithms can be run either on CPU or GPU, making the most of the computational resources and reducing the processing time.
    (function () {
      var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
      if (window.ShopifyBuy) {
        if (window.ShopifyBuy.UI) {
          ShopifyBuyInit();
        } else {
          loadScript();
        }
      } else {
        loadScript();
      }


== Demonstration ==
      function loadScript() {
        var script = document.createElement('script');
        script.async = true;
        script.src = scriptURL;
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
        script.onload = ShopifyBuyInit;
      }


=== Object tracking element ===
      function ShopifyBuyInit() {
        var client = ShopifyBuy.buildClient({
          domain: 'ridgerun1.myshopify.com',
          storefrontAccessToken: 'b0ca98633a82de5d2f63cd51f5af30ac',
        });


<center>
        ShopifyBuy.UI.onReady(client).then(function (ui) {
<embedvideo service="youtube">https://youtu.be/KjdDbL9m6vs</embedvideo>
          ui.createComponent('product', {
            id: [1718577266759],
            node: document.getElementById('product-component-c61a89404de'),
            moneyFormat: '%24%7B%7Bamount%7D%7D',
            options: {
  "product": {
    "variantId": "all",
    "width": "240px",
    "contents": {
      "imgWithCarousel": false,
      "variantTitle": false,
      "description": false,
      "buttonWithQuantity": false,
      "quantity": false
    },
    "text": {
      "button": "BUY NOW"
    },
    "styles": {
      "product": {
        "@media (min-width: 601px)": {
          "max-width": "100%",
          "margin-left": "0",
          "margin-bottom": "50px"
        }
      },
      "button": {
        "background-color": "#007493",
        "font-size": "18px",
        "padding-top": "17px",
        "padding-bottom": "17px",
        ":hover": {
          "background-color": "#006884"
        },
        ":focus": {
          "background-color": "#006884"
        }
      },
      "quantityInput": {
        "font-size": "18px",
        "padding-top": "17px",
        "padding-bottom": "17px"
      },
      "compareAt": {
        "font-size": "12px"
      }
    }
  },
  "cart": {
    "contents": {
      "button": true
    },
    "styles": {
      "button": {
        "background-color": "#007493",
        "font-size": "18px",
        "padding-top": "17px",
        "padding-bottom": "17px",
        ":hover": {
          "background-color": "#006884"
        },
        ":focus": {
          "background-color": "#006884"
        }
      },
      "footer": {
        "background-color": "#ffffff"
      }
    }
  },
  "modalProduct": {
    "contents": {
      "img": false,
      "imgWithCarousel": true,
      "variantTitle": false,
      "buttonWithQuantity": true,
      "button": false,
      "quantity": false
    },
    "styles": {
      "product": {
        "@media (min-width: 601px)": {
          "max-width": "100%",
          "margin-left": "0px",
          "margin-bottom": "0px"
        }
      },
      "button": {
        "background-color": "#007493",
        "font-size": "18px",
        "padding-top": "17px",
        "padding-bottom": "17px",
        ":hover": {
          "background-color": "#006884"
        },
        ":focus": {
          "background-color": "#006884"
        }
      },
      "quantityInput": {
        "font-size": "18px",
        "padding-top": "17px",
        "padding-bottom": "17px"
      }
    }
  },
  "toggle": {
    "styles": {
      "toggle": {
        "background-color": "#007493",
        ":hover": {
          "background-color": "#006884"
        },
        ":focus": {
          "background-color": "#006884"
        }
      },
      "count": {
        "font-size": "18px"
      }
    }
  },
  "productSet": {
    "styles": {
      "products": {
        "@media (min-width: 601px)": {
          "margin-left": "-20px"
        }
      }
    }
  }
}
          });
        });
      }
    })();
    /*]]>*/
    </script>
</html>
</td>
</tr>
</table>
</center>
</center>
=== Motion detection element ===


<center>
<center>
Retrieved from "https://developer.ridgerun.com/wiki/index.php/Special:MobileDiff/22585"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.