qml播放带进度条的视频

最新推荐文章于 2022-05-27 08:59:35 发布

转载最新推荐文章于 2022-05-27 08:59:35 发布 · 954 阅读

QML 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一个使用Qt Quick和Qt Multimedia模块创建的简单多媒体播放器示例。该示例展示了如何加载并自动播放本地视频文件，同时提供进度条来显示当前播放位置，并允许用户通过点击进度条来跳转到视频的任意位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import QtQuick 2.4  
import QtQuick.Controls 1.3  
import QtQuick.Window 2.2  
import QtQuick.Dialogs 1.2  
import QtMultimedia 5.4  

ApplicationWindow {  
    title: qsTr("Hello World")  
    //width: Screen.desktopAvailableWidth  
    //height: Screen.desktopAvailableHeight  
    width: 640  
    height: 480  
    visible: true  

    Rectangle {  
        color: "black"  
        anchors.fill: parent  

        MediaPlayer {  
            id: mediaPlayer  
            source: "file:///c:/test.mp4"  
            autoPlay: true  
        }  

        VideoOutput {  
            id: video  
            anchors.fill: parent  
            source: mediaPlayer  
        }  
    }  

    Rectangle {  
        id: progressBar  
        anchors.left: parent.left  
        anchors.right: parent.right  
        anchors.bottom: parent.bottom  
        anchors.margins: 0  
        height: 10  
        color: "lightGray"  

        Rectangle {  
            anchors.left: parent.left  
            anchors.top: parent.top  
            anchors.bottom: parent.bottom  
            width: mediaPlayer.duration>0?parent.width*mediaPlayer.position/mediaPlayer.duration:0  
            color: "darkGreen"  
        }  

        MouseArea {  
            property int pos  
            anchors.fill: parent  

            onClicked: {  
            if (mediaPlayer.seekable)  
                pos = mediaPlayer.duration * mouse.x/width  
                mediaPlayer.seek(pos)  
            }  
        }  
    }  
}