Qt on android 播放视频的实现

本文介绍的是使用QML进行视频的播放,可以直接编译为APK在android上运行。

QML中对多媒体的处理提供了很多方便的组件,对于播放音频、视频都很方便。这些多媒体组件属于Qt Multimedia 模块,在介绍视频的播放之前先简单了解一下Qt Multimedia模块。

一、Qt Multimedia 模块

Qt多媒体是必不可少的一个模块,处理多媒体内容提供了一组丰富的QML类型和C++类。它还提供了必要的接口访问的摄像头和无线功能。包括QT音频引擎提供3D定位音频播放和管理类型。

1、QML中的类型

Audio:用于播放音频

Camera:提供访问设想头的功能

MediaPlayer:提供了播放媒体的功能,其实就是比方的音频,可以和VideoOutput结合实现视频的播放

Radio:提供无线电广播的功能

video:提供了视频播放的方法,是结合了MediaPlayer 和VideoOutput,提供了一种简单的视频播放的方法

2、在C++中类

QAudioOutput、QCamera、QCameraImageCapture、QMediaPlayer、QRadioTuner、QVideoRendererControl


二、视频播放

QML提供了很方便的组件实现了多媒体的播放,所以对于播放视频也是很简单,下面介绍两种播放视频的方法

1、使用MediaPlay和VideoOutput实现视频的播放

 (1)MediaPlayer介绍

  MediaPlayer可以单独播放音频文件,也可以和VideoOutput结合共同完成视音视频的播放,MediaPlayer提供非常方便的处理音频的接口和属性

属性:

autoLoad ::  控制是否立即加载媒体资源,默认为true,如果设置为false 在开始播放之前不会加载媒体资源

autoPlay : 设置在启动之后是否立即进行播放,默认为false,如果设置为true时,自动把autoLoad设置为true

availability:只读属性,保存着当前播放器的可用性有四个取值:Available  当前可用    Busy  被其他的进程占用    Unavailable  当前不可用   ResourceMissing  缺少资源 稍后再时

bufferProgress:保存着当前缓冲区被占用的比值  0~1

error :保存错误状态  NoError  、ResourceError、FormatError、NetworkError、AccessDenied、ServiceMissing,也可以直接使用errorString 直接获取错误信息

hasAudio:媒体中是否有音频

hasVideo:媒体中是否有视频

loops:控制播放的循环次数,默认为1 设置为MediaPlayer.Infinite 可以实现无限循环

metaData.albumArtist :获取音频中包含的专辑作者

metaData.albumTitle:获取专辑名称

metaData.audioBitRate:获取音频的比特率

metaData.audioCodec:获取音频的编码

metaData.author:获取作者

metaData.averageLevel:获取音量的级别

metaData.category:获取音频的风格

metaData.channelCount:获取通道数

metaData.chapterNumber:获取章节数

metaData.comment :获取音频的描述

.....................................................

position:当前播放的位置

seekable:是否可以进行偏移

source:媒体的URL,播放的音频源

status:媒体的加载状态,取值参考帮助

volume:控制播放的音量,取值0~1


还有很多的属性可以获取音频中包含的哦信息,可以参考QT的帮助

提供的对外接口有

pause()

play()

seek(offset)

stop()

seek需要说一下,值当当seekable属性为true时,才可以进行seek,offset为毫秒。seek函数是个异步的操作,所以可能不会立即响应

信号

当发生错误的时候发出error信号,当被暂停的时候发出paused信号,当播放的状态发生改变的时候发出playbackstateChanged信号,当播放的时候发出playing成功时信号,当被停止时发出stopped信号

paused、playing、stopped信号我们可以用来判断暂停、播放、停止是否成功

(2)VideoOutput

VideoOutput支持原画面、拉伸、平均铺平等方式播放视频。

VideoOutput后端支持QVideoRendererControl 或QVideoWindowControl。当后端为QVideoWindowControl的时候视频渲染重叠到一个QtQuick的窗口上,由于重叠实现,所以有一下功能不能实现,例如:一些变换旋转操作、当有另一个QtQuickItem在这个窗口之上的时候。

提供的属性

autoOrientation:控制是否自动根据屏幕的方向匹配视频流的方向,默认为disabled

contentRect:::控制进行视频播放的坐标区域

fillMode:控制视频的填充模式 

Stretch:视频进行缩放以适应窗口的大小

PreserveAspectFit:视频进行等比例的缩放,不出现裁剪

PreserveAspectCrop:视频均匀的缩放,必要的时候继续裁剪

source:视频流源,指定的时候注意:需在路径之前加file:///

import QtQuick 2.4
import QtQuick.Window 2.2
import QtMultimedia 5.4
import QtQuick.Controls 1.3
Window {
    visible: true
    width: 320
    height: 480
    property bool isPlay: true
    MediaPlayer {
        id: mediaplayer
        source: "file:///I:/video.wmv"
        autoPlay: true
        volume: 0.5
    }
    VideoOutput {
        anchors.fill: parent
        source: mediaplayer
    }

    Image{
        id:playImage
        width: 64
        height: 64
        anchors.centerIn: parent
        source: "qrc:///play.png"
        visible: false
    }
    MouseArea
    {
        anchors.fill: parent
        onClicked: {
            if(isPlay == true)
            {
               mediaplayer.pause()
                isPlay = false
                playImage.visible = true
            }
            else
            {
                mediaplayer.play()
                isPlay = true
                playImage.visible = false
            }
        }
    }
}
在指定source的数据源时,路径前面需要加上file:///,明确为文件路径


MediaPlayer实现了播放视频流中的音频,VideoOutput使用了MediaPlayer为资源继续播放视频,从而实现了音视频的同步

VideoOutput通常使用一个对象作为视频源,不能直接指定一个视频文件,通常是MediaPlayer或Camera

2、使用Video

使用video就更加简单,video直接就实现了音视频的播放

video提供的属性和方法和MediaPlayer的大致一样,可参考MediaPlayer的属性含义

import QtQuick 2.4
import QtQuick.Window 2.2
import QtMultimedia 5.4
import QtQuick.Controls 1.3
Window {
    visible: true
    width: 320
    height: 480
    property bool isPlay: true

    Video{
        id:video
        anchors.fill: parent
        autoPlay: true
        source: "file:///I:/video.wmv"
    }

    Image{
        id:playImage
        width: 64
        height: 64
        anchors.centerIn: parent
        source: "qrc:///play.png"
        visible: false
    }
    MouseArea
    {
        anchors.fill: parent
        onClicked: {
            if(isPlay == true)
            {
               mediaplayer.pause()
                isPlay = false
                playImage.visible = true
            }
            else
            {
                mediaplayer.play()
                isPlay = true
                playImage.visible = false
            }
        }
    }
}
运行效果图:

Qt on android 播放视频的实现_第1张图片

Qt on android 播放视频的实现_第2张图片


你可能感兴趣的:(Qt,on,android,QML)