Modify the aggregated people counter HTML

You can modify the HTML page that the aggregated people counter video analytic uses to display occupancy counts and instructions to customers.

You can also copy an existing HTML file to create multiple HTML files to display different occupancy counts and instructions for other aggregates or situations.

  1. On the computer that hosts the Senstar Symphony Server, navigate to _bin\assets-bundled.
  2. Open the HTML file (for example, Aggregate-en.html) with a text editor.
  3. To change the occupancy thresholds, modify the following code:
    var thresholdYellow = 50;
    var thresholdRed = 75;
  4. To change the messages, modify the following code:
     function showGreen(difference) {
                document.getElementById("message").innerHTML = "LIMITED STORE<br />CAPACITY";
                document.getElementById("instructions").innerHTML = "PLEASE PROCEED WITH CAUTION";
    function showYellow(difference) {
                document.getElementById("message").innerHTML = "LIMITED STORE<br />CAPACITY";
                document.getElementById("instructions").innerHTML = "PLEASE MAINTAIN SOCIAL DISTANCING";
    function showRed(difference) {
                document.getElementById("message").innerHTML = "MAXIMUM<br />CAPACITY";
                document.getElementById("instructions").innerHTML = "PLEASE WAIT FOR ASSISTANCE";
    <div style="padding-top: 2vw; font-size: 1.5vw; ">CURRENT NUMBER<br />OF PEOPLE</div>
    <div style="padding-top: 2vw; font-size: 1.5vw; ">MAXIMUM NUMBER<br />OF PEOPLE ALLOWED</div>
  5. Save and close the HTML file.