如何在Ubuntu QML应用中播放音乐

昨天我看见一个开发者发了一个问题，询问如何播放声音。目前由于一些原因在模拟器中没法测试。其实，播放声音很容易。如果使用qmake的话，可能需要做一些修改才可以正确地在手机上播放。

我们首先使用SDK来创建一个简单的项目（QML app with Simple UI "qmake")。我们记得修改我们的Main.qml如下：

import QtQuick 2.0
import Ubuntu.Components 1.1
import QtMultimedia 5.0

/*!
\brief MainView with a Label and Button elements.
*/

MainView {
// objectName for functional testing purposes (autopilot-qt5)
objectName: "mainView"

// Note! applicationName needs to match the "name" field of the click manifest
applicationName: "audio.liu-xiao-guo"

/*
This property enables the application to change orientation
when the device is rotated. The default is false.
*/
//automaticOrientation: true

// Removes the old toolbar and enables new features of the new header.
useDeprecatedToolbar: false

width: units.gu(100)
height: units.gu(75)

Page {
title: i18n.tr("Audio")

SoundEffect {
id: bubblepop
source: "bubblepop.wav"
volume: 1.0
}

MediaPlayer {
id: backgroundMusic
source: "background.mp3"
autoPlay: true
loops: MediaPlayer.Infinite
volume: 0.3
}

Row {
anchors.centerIn: parent
Button {
text: "Play bubble"

onClicked: {
bubblepop.play();
}
}
}

}
}

这里我们使用了QtMultiMedia库。

import QtMultimedia 5.0

同时我们使用两种不同的方法来播放声音。这两个声音在播放时可以混在一起。同时，我们要记得做如下的设置：



添加“audio” security policy。由于我们使用qmake，所以在我们的应用中需要修改我们的.pro文件来包含我们的声音文件：

TEMPLATE = aux
TARGET = audio

RESOURCES += audio.qrc

QML_FILES += $$files(*.qml,true) \
$$files(*.js,true) \
$$files(sounds/*.mp3,true) \
$$files(sounds/*.wav,true)

CONF_FILES +=  audio.apparmor \
audio.desktop \
audio.png

OTHER_FILES += $${CONF_FILES} \
$${QML_FILES}

#specify where the qml/js files are installed to
qml_files.path = /audio
qml_files.files += $${QML_FILES}

#specify where the config files are installed to
config_files.path = /audio
config_files.files += $${CONF_FILES}

INSTALLS+=config_files qml_files

这样在我们的项目中，就会有我们“sounds”目录下的声音文件了。它们可以在我们的QML文件中得到播放。



所有的源码在： https://github.com/liu-xiao-guo/audio

细心的开发者可以发现，虽然Ubuntu手机系统目前是单任务系统，但是当你的应用在播放音乐的时候，随后把它推到后台，一般来说应用会被系统suspend，但是针对音乐的播放，它并没有被停下来．这是一个比较特别的设计．