VisionAIre
  • About Nodeflux
  • Visionaire Stream
    • Overview
    • Requirements
      • Credential Keys
      • Tested Hardware
      • Bandwith Requirements
    • Installation Guide
      • Dependencies
      • Simple Installation
      • Advanced Installation
      • Clustering Installation
      • Add-ons Analytics Installation
        • People Attributes Installation
        • Vehicle Attributes Installation
        • OVOD Installation
        • OVIC Installation
        • VM Installation
        • VLM Installation
    • Analytics
      • Face Recognition
        • Additional Information
          • Overview
          • Disclaimer
          • Metrics
          • Testing
      • People Analytics
      • Crowd Estimation
      • PPE Detection
      • License Plate Recognition
      • Vehicle Analytics
      • Water Level Monitoring
        • Camera Guideline
      • Pre-Flood Monitoring
      • Person Smoking Detection
      • Person with Handphone Detection
      • Smoke and Fire Detection
      • Person Using Firearms Detection
      • Vandalism Attempt Recognition
      • ATM Burglary Incident Recognition
      • Road Crash Monitoring
      • People Fighting Recognition
      • Riot Recognition
    • Developer Guide
      • How our APIs work
      • HTTP APIs
      • Websocket
      • Database Structure
    • Changelogs
  • Visionaire Snapshot
    • Overview
    • Requirements
    • Installation Guide
      • Face Searching & Matching
        • Single Node
        • Clustering
      • Helmet Detection
      • Chicken Estimation
      • Face Detection
      • Over Dimension Over Load
      • Frontal License Plate Recognition
    • Analytics
      • Face Searching & Matching
        • Face Enrollment
          • Image Guideline
          • Face and Image Quality Assessment
            • Setup On Premise
            • API
          • Insert / Update / Delete Enrollment
          • Batch Enrollment
      • Helmet Detection
      • Chicken Estimation
      • People Demography
      • Face Detection
      • Over Dimension Over Load
      • License Plate Recognition -Frontal
    • Developer Guide
      • APIs
        • Face Searching & Matching
        • Helmet Detection
        • Chicken Estimation
        • People Demography
        • Face Detection
        • Over Dimension Over Load
        • Frontal License Plate Recognition
      • Vanilla APIs for Face Enrollment
      • Porting Enrollment Database Cluster to Docker
    • Changelogs
  • VisionAIre Dashboard
    • Introduction
    • Add Analytic Assignment
    • Accessing Vanilla Database
    • Connect to Vanilla Websocket
    • Create your own visualization
      • Migration from Old Streamer to New Streamer
      • Drawing Region of Interest
      • Additional Visualization Query
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. VisionAIre Dashboard
  2. Create your own visualization

Migration from Old Streamer to New Streamer

PreviousCreate your own visualizationNextDrawing Region of Interest

Last updated 1 year ago

Was this helpful?

Library content :

How yo use new visual streamer :

  1. Get the new library from this link :

  2. Copy the library to your public folder so the path will be ( public/library/jsmpeg )

  3. Open index.html on your public folder

  4. Import file jsmpeg.min.js inside head tag

<script src="/library/jsmpeg/jsmpeg.min.js"></script>
  1. And then import file jsmegVisualStreamer.js after body tag

<script src="/library/jsmpeg/jsmpegVisualStreamer.js"></script>
  1. After that you can use the component, component example :

<div
   class="nodeflux-streamer"
   data-url="ws://127.0.0.1:4004/mpeg1/0/de2ea3d628ca1034/NFV4-FR?preset=720p"
   style="width: 569px; height: 320px">
</div>

Notes :

  • Class nodeflux-stremer is required

  • For MPEG1 we are using websocket protocol instead http protocol

  1. And then for starting visualisation you can use this command :

 showVisualisation();

Library API :

showVisualisation

This function will be use for starting visualisation component

stopVisualisation

This function will be use for stop all visualisation component

https://github.com/nodefluxio/docker-stream-quickstart/tree/main/client/public/library/jsmpeg