mediaelement.js与Phonegap兼容吗？

Question

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

我创建了一个演示版,它在iOS和Android浏览器上运行良好,但是当我准备了phonegap时,它在android设备上构建了不播放视频或音频.

mediaelement.js是否与phonegap兼容？如果没有,那么还有其他可用于phonegap的视频\音频播放器插件,而不是使用phonegap Media API.

谢谢Suresh

Answer 1

mediaelement.js 与phonegap 兼容吗？

是的，它们是兼容的。

我见过它们在项目中一起使用。PhoneGap可能很难正确配置为与其他 JS 库一起使用，因为PhoneGap绑定自己的事件来管理环境的程度。

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

有没有其他视频\音频播放器插件可以与phonegap一起使用，而不是使用phonegap Media API？

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

PG 的优势在于贡献者投入了多少精力来使应用程序与本机驱动程序和工具配合使用。如果可能的话，您将更轻松地（通常）依赖 PG API。

PhoneGap 媒体文档

从 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 视频播放器插件：

Phonegap 的 VideoPlayer 插件

适用于 PhoneGap Android 的 Adob​​e 视频播放器

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

适用于 Phone Gap 的 HTML 5 视频播放器