javascript - mediaelement.js 与 Phonegap 兼容吗？

Question

我正在构建一个需要使用视频和音频流功能的 phonegap 应用程序，我发现 mediaelementjs 似乎更适合跨平台视频和音频功能。

我创建了一个演示，它在 iOS 和 Android 浏览器上运行良好，但是当我准备 phonegap build 时，它无法在 Android 设备上播放视频或音频。

mediaelement.js 是否与 phonegap 兼容？如果不兼容，那么是否有任何其他视频\音频播放器插件可以与 phonegap 一起使用，而不是使用 phonegap 媒体 API。

谢谢 苏雷什

Answer 1

Is mediaelement.js compatible with phonegap?

是的，它们兼容。

我看到它们在项目中一起使用。 PhoneGap 可能难以正确配置以与其他 JS 库一起工作 b/c PhoneGap 绑定(bind)其自身事件以管理环境的程度。

在不了解您的具体问题的更多信息的情况下，我只能向您保证它们可以协同工作，并且在配置和管理依赖项方面存在困难。我建议使用像 Require.JS 这样的管理库来帮助管理依赖项。

is there any other video\audio player plugin available which can use with phonegap, instead of using phonegap Media API?

是的，事实上 PhoneGap 有一个用于播放和录制音频文件的媒体 API

PG 的优势在于贡献者投入了多少精力来使应用程序与 native 驱动程序和工具一起工作。在可能的情况下，您将(通常)更轻松地依赖 PG API。

documentation for PhoneGap media

从 URL 播放音频文件的示例:

标记:

    <a href="#" class="btn large" onclick="playAudio('http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.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>

JavaScript:

// Play audio
//
function playAudio(url) {
    // Play the audio file at url
    var my_media = new Media(url,
        // success callback
        function () {
            console.log("playAudio():Audio Success");
        },
        // error callback
        function (err) {
            console.log("playAudio():Audio Error: " + err);
        }
    );
    // Play audio
    my_media.play();
}

包含的功能广泛而强大，包括用于设置音量、播放位置、完成后释放媒体资源的工具。

有许多适用于 PhoneGap 的 Android 视频播放器插件:

VideoPlayer plugin for Phonegap

Adobe's Video Player for PhoneGap Android

这个 HTML 5 视频播放器似乎支持所有平台:

HTML 5 Video player for Phone Gap