【发布时间】：2014-02-27 01:32:15
【问题描述】：
在 Android 模拟器中测试。
我正在尝试使用 Cordova Media API 来管理 Worklight 项目中本地存储的音频的播放。最初，我尝试更新我的项目以完成此任务，但没有成功，因此我决定使用 Apache Cordova Media API 页面上记录的完整示例。我使用完整示例来播放、暂停和停止音频文件。我所做的唯一更改是播放本地存储在我的 worklight 项目中的音频文件。
但是，上面的失败了……
我在示例项目中创建了一个新文件夹“WavAudo”，其中包含要播放的音频的 .mp3 和 .wav 版本。
当我启动应用程序时，我会收到一个警报弹出窗口，指出 error.code 和 error.message 是 undefined。使用 Chrome 调试器，我在 deviceready 上看到了 Uncaught ReferenceError Media is not defined。
我相信我已经尝试了所有可能的路径+文件组合来定位文件，但我一定错过了什么。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Media Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// device APIs are available
//
function onDeviceReady() {
playAudio("/android_asset/www/WavAudio/16300.mp3");
}
// Audio player
//
var my_media = null;
var mediaTimer = null;
// Play audio
//
function playAudio(src) {
// Create Media object from src
my_media = new Media(src, onSuccess, onError);
// Play audio
my_media.play();
// Update my_media position every second
if (mediaTimer == null) {
mediaTimer = setInterval(function() {
// get my_media position
my_media.getCurrentPosition(
// success callback
function(position) {
if (position > -1) {
setAudioPosition((position) + " sec");
}
},
// error callback
function(e) {
console.log("Error getting pos=" + e);
setAudioPosition("Error: " + e);
}
);
}, 1000);
}
}
// Pause audio
//
function pauseAudio() {
if (my_media) {
my_media.pause();
}
}
// Stop audio
//
function stopAudio() {
if (my_media) {
my_media.stop();
}
clearInterval(mediaTimer);
mediaTimer = null;
}
// onSuccess Callback
//
function onSuccess() {
console.log("playAudio():Audio Success");
}
// onError Callback
//
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
// Set audio position
//
function setAudioPosition(position) {
document.getElementById('audio_position').innerHTML = position;
}
</script>
</head>
<body>
<a href="#" class="btn large" onclick="playAudio
('/android_asset/www/WavAudio/16300.mp3');">Play Audio</a>
<a href="#" class="btn large" onclick="pauseAudio();">Pause Playing Audio</a>
<a href="#" class="btn large" onclick="stopAudio();">Stop Playing Audio</a>
<p id="audio_position"></p>
</body>
我还将这些添加到 Android Manifest：
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
【问题讨论】：
-
你可以去你的
app_folder\platforms\android\res\xml\config.xml看看媒体插件是否定义正确，例如：<feature name="Media">
标签： javascript android cordova ibm-mobilefirst