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

这篇具有很好参考价值的文章主要介绍了使用QT的QML实时显示海康威视网络摄像头的视频数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

开发环境：
Debian11.3
Qt 5.15

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

格式：
rtsp://用户名:密码@ip地址:554/Streaming/Channels/101
样例：
取第1个通道的主码流预览
rtsp://admin:123456789@10.10.6.100:554/Streaming/Channels/101

取第1个通道的子码流预览
rtsp://admin:123456789@10.10.6.100:554/Streaming/Channels/102

取第12个通道的主码流预览
rtsp://admin:123456789@10.10.6.100:554/Streaming/Channels/1201

QML代码实现

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:123456789@10.10.6.100:554/Streaming/Channels/101" //播放摄像头实时数据
        onError: {
            console.log(errorString)
        }
    }
    
    VideoOutput {
        anchors.fill: parent
        source: player
    }
}