使用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)

}

}

运行结果如下。