iOS Phonegap 媒体对象 - 如何访问 WWW 文件夹中的资源？

Question

我正在开发一个带有 phonegap 的应用程序，并且我有一个要播放的声音文件，它位于 www/Sounds/sound.mp3 之类的路径中，我正在尝试使用 Media 对象访问该文件Phonegap 以便播放。

我无法确定在使用 Media 对象的 javascript 文件中访问此声音文件的路径？我尝试过诸如 file:///www/Sounds/sound.mp3、相对路径等路径，但我无法访问它。我在 xcode 4 中不断收到以下错误

Will attempt to use file resource 'file:///www/Sounds/sound.mp3'
Unknown resource 'file:///www/Sounds/sound.mp3'

我需要使用什么路径来访问该文件？还是我需要将声音文件从我的 www 目录复制到我的 Resources 文件夹中并在那里访问它？

我的 WWW 文件夹被引用，不确定这是否有影响。

Answer 1

这是 getPhoneGapPath 的修改版本，适用于 iOS 和 Android。它也不限于仅处理文件名长度为 10 个字符的文件:)

getPhoneGapPath: function () {
    'use strict';
    var path = window.location.pathname;
    var phoneGapPath = path.substring(0, path.lastIndexOf('/') + 1);
    return phoneGapPath;
}

var resource = getPhoneGapPath() + 'audio/audio.mp3';

getPhoneGapPath() 将返回：

iOS： /var/mobile/Applications/{GUID}/{appName}/www/

Android： /android_asset/www/

Answer 2

使用window.location.pathname 获取应用程序的路径。它在 iPhone 上看起来像这样：

/var/mobile/Applications/{GUID}/{appname}.app/www/index.html

这在 Android 上：

/android_asset/www/index.html

去掉/index.html，添加file://，并添加你的相对路径Sounds/sound.mp3。

以下是帮助您入门的内容：

演示：http://jsfiddle.net/ThinkingStiff/chNVY/

代码：

function getPhoneGapPath() {

    var path = window.location.pathname;
    path = path.substr( 0, path.length - 10 );
    return 'file://' + path;

};

var resource = getPhoneGapPath() + 'Sounds/sound.mps';

Answer 3

best answer 已过时。您现在可以使用这种“相对路径”方法在 iOS 上播放 wav、mp3 和 caf 格式：

var media = new Media('beep.wav', ...);

请注意，上述代码要求声音文件位于您的www/ 目录的根目录中——在此示例中为www/beep.wav。如果你想把它们放在像www/sounds/ 这样的子目录中，你需要使用相对于www/ 目录的路径来指定它。例如，这也适用于现在：

var media = new Media('sounds/beep.wav', ...);

www/sounds/beep.wav 的声音文件。

Answer 4

从 Cordova 3.3+ 开始，其他 2 个答案不正确。即使您只是将文件名传递给它，它也应该可以工作。

但是，只有在文件扩展名为 .wav 时，它才能在 iOS 中使用。

这将起作用：

var media = new Media('recording.wav', ...);

这不会：

var media = new Media('recording.mp3', ...);

Answer 5

我遇到了同样的问题，使用 Phone Gap Developer 应用程序，仅关于文件路径的所有答案都对我不起作用。问题在于开发者应用程序没有将文件物理地推送到设备上，从而阻止我以任何方式访问它们。

媒体插件按预期工作

$ phonegap 运行安卓

$ phonegap 运行 ios

用这个js代码：

function getPhoneGapPath() {
  var path = window.location.pathname;
  var phoneGapPath = path.substring(0, path.lastIndexOf('/') + 1);
   return phoneGapPath;
}
var sound = new Media(getPhoneGapPath()+"assets/sounds/sound.mp3"
//...
sound.play();

这会在开发者应用上返回错误：

'不能使用来自源 var/mobile/Containers/data/Application/{GUID}/Library/NoCloud/phonegapdevapp/www/assets/sounds/sound.mp3 的音频文件'

但如果从控制台构建，则可以使用。

详细信息可以在这里找到： https://forums.adobe.com/thread/2135718

Answer 6

最好尝试这样做以考虑任何可能添加到带有目录（“/”）的历史条目中的 HTML5 History API 代码：

function get_phonegap_path () {
 var path = window.location.pathname
 return path.slice(0, path.indexOf("/www/") + 5)
}