使用QT的QML实时显示海康威视网络摄像头的视频数据

agang19862023-09-14 4:03

需求背景：

开发的监控软件中有个监控页面需要实时显示网络摄像头的数据，整个监控软件是基于QT的QML语言开发的。在QML中播放视频使用MediaPlayer组件就可以，但网上看到的一些都是播放录制好的视频文件，对于实时播放摄像头数据介绍的比较少。

开发环境：

Debian11.3

Qt 5.15

海康威视网络摄像机视频流地址

若要从网络摄像头实时获取数据，需要知道摄像头的视频流地址，仅此而已。这里需要获取rtsp协议的地址，它是一种实时数据流传输协议。地址如下：

格式：

rtsp://用户名:密码@ip地址:554/Streaming/Channels/101
样例：

取第1个通道的主码流预览

rtsp://admin:[email protected]:554/Streaming/Channels/101

取第1个通道的子码流预览

rtsp://admin:[email protected]:554/Streaming/Channels/102

取第12个通道的主码流预览

rtsp://admin:[email protected]:554/Streaming/Channels/1201

QML代码实现

bash 复制代码

import QtQuick 2.12
import QtQuick.Controls 2.5
import QtMultimedia 5.0

Rectangle {
    x: 10
    y:10
    width: 1200
    height: 800
    color: "white"
    
    MediaPlayer {
        id: player
        autoPlay: true
        //source: "file:///home/test/test_camera.mp4" //播放本地视频文件
        source: "rtsp://admin:[email protected]:554/Streaming/Channels/101" //播放摄像头实时数据
        onError: {
            console.log(errorString)
        }
    }
    
    VideoOutput {
        anchors.fill: parent
        source: player
    }
}

啰嗦一句

从上面的QML代码看，播放网络实时视频流实际和播放本地的视频文件一样，都是把URL赋值给source属性。差异只是不同的数据源需要填写正确的视频流地址。