Updated on 2025-03-24 GMT+08:00

Video Stream

Video stream is a type of media widget that is mainly used to display surveillance video streams.

On the large screen design page, drag the video stream widget from All > Media to the blank area of the canvas, as shown in Figure 1.

Figure 1 Video stream widget
Figure 2 Margin style

Card

A card wraps a media widget. A widget consists of card elements (card background, effects and card border) and video elements.

Figure 3 Video stream card
  • Background
    • Background color: Background color of the widget card.
    • Border: Border of the widget card. Options: no border, full border, and corner border. For full border and corner border, you can set the line type and rounded corners of the outer border of the widget.
    • Style: Image display style. The options are normal, center, stretch, and tiled.
    • Choose image: Use a local image as the widget background. Directories and subdirectories can be added to facilitate image management by category. JPG, JPEG, PNG, or GIF images are recommended. The size of each image cannot exceed 50 MB.
  • Special effect: Widget highlighted status. Displayed by default or on page load.
  • Padding: distance between the video stream and the four sides (top, bottom, left, and right) of the widget (see Figure 2). The default value is 0, indicating that the chart spreads across the widget.

Configuration

In the configuration, set the video stream address and type. The value of the widget configuration item is higher than that of the data configuration item.

Figure 4 Video stream configuration
  • Video stream address: URL of the video stream.
  • Video stream type: Protocol for video streaming. Supported protocols: HTTP-FLV and HLS. When the video stream type is set to HTTP-FLV, you can choose whether to play in mute mode.

Data

In the data settings, you can set the data source of the video stream widget. For more information, see Data Access.

Interaction

In the interaction settings, you can configure interactions between the video stream widget and other widgets or pages. For details, see Interaction Configuration.