使用qml 实现简单的播放器（3）

基于之前的播放器，添加获取视频，音频等信息。

代码如下

Column {  // 基本的布局工具，将下面的文本以列表的方式显示。其中只显示了几个属性，实际上可以显示很多的属性

            width: parent.width/3
            height: parent.height
            Text {
                text: "author: " + mediaPlayer.metaData.author   // author 属性
            }
            Text {
                text: "date: " + mediaPlayer.metaData.date    // date 属性
            }
            Text {
                text: "video codec: " + mediaPlayer.metaData.videoCodec   // 视频编码格式
            }
            Text {
                text: "audio codec: " + mediaPlayer.metaData.audioCodec    // 音频编码格式
            }
        }

// 下面显示播放的进度条

        Row {
            id: processBar
            x: parent.width/3
            height: parent.height/2 - 10

            Text {
                id: current
                text: dateFormat(mediaPlayer.position/1000)
            }


            Rectangle {
                id: videoProcess
                color: "grey"
                width: playerUI.width*0.4
                height: parent.height/2

                Rectangle {
                    id: currentProcess
                    color: "lightblue"
                    width: (parent.width/(mediaPlayer.duration/1000))*(mediaPlayer.position/1000)
                    height: parent.height
                }

                MouseArea {
                    anchors.fill: parent
                    onClicked: {

                        mediaPlayer.seek((mediaPlayer.duration/parent.width)*mouseX) // seek 当前播放时间

                    }
                }
            }
            Text {
                id: duration
                text: dateFormat(mediaPlayer.duration/1000)
            }

        } 

运行结果如下。