In order to realize the monitoring across WAN for DCS products and reduce the engineering application cost

an idea of directly parsing and displaying the DCS monitoring interface files by the browser-side program is proposed. Based on the great support from modern browsers for the HTML5 standard

and combined with Canvas drawing technology

WebSocket real-time communication technology

SharedWorker cross-page data sharing technology and others

a complete DCS monitoring across WAN solution is designed

and the system architecture and the main functions and workflows of core modules are explained in detail. Based on this solution

a DCS extension component is developed for the EDPF-NT+ product. The extension component can directly parse and render the EDPF-NT+ monitoring interface files

which enables the DCS product to have the monitoring across WAN capability while reducing the engineering implementation cost and achieving the same function and user experience as the original interface. The extension component has been applied in multiple projects and achieved expected results.