One way to create fast responsive web sites is to use the build in web server and WebSockets. This allows us to establish a stable, bidirectional connection between a web application and V-Control. The benefit of a bidirectional connection is, that our web application does not have to poll the V-Control web server to get status changes. As far as a status change of a device occurs, the information is sent to the web application. All we need is to write a handler for this status message and show the new status in our GUI.
In the example below a websocket is initialized
<!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.--> <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type"> <title>V-Control Web Example</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <link rel="stylesheet" type="text/css" href="./js/libs/jquery-ui-1.10.4.custom.min.css"> <link rel="stylesheet" type="text/css" href="./js/libs/jquery-ui-1.10.4.custom.css"> <link rel="stylesheet" type="text/css" href="main.css"> <script src="./js/libs/jquery/jquery.js"></script> <script src="./js/libs/jquery/jquery-ui-1.10.4.custom.min.js"></script> <script src="./js/libs/v-control.js"></script> <script> $(document).ready(function() { //********************************************************** //Change the IP with the IP Address of your V-Control system initWebSocket("ws://127.0.0.1:8080"); //use the same port as on V-Control httpRemote (8080 here) //********************************************************** });
For more information please use your favorite search engine and learn more about JavaScript and HTML (if necessary) There is also en example with V-Conntrol 3. This will not work in the same way with V-Control4, but will be a good starting point to learn how to do. https://v-control.com/touch-guis-with-websockets/
Because V-Control uses an open API, you can use any language / IDE you familiar with and create graphical user interfaces. The API is explained here: Remote Protocol