mediaelement.js是否与Phonegap兼容？

Question

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

我创建了一个演示，并在iOS和Android浏览器上正常工作，但是当我准备进行PhoneGap构建时，它无法在Android设备上播放视频或音频。

MediaElement.js是否与PhoneGap兼容？如果不是，那有没有其他可用于PhoneGap的视频/音频播放器插件，可以替代使用PhoneGap Media API。

谢谢 苏雷什

- Suresh

Answer 1

mediaelement.js与phonegap兼容吗？

是的，它们是兼容的。我曾经在项目中看到它们一起使用。因为PhoneGap绑定了自己的事件来管理环境，所以正确配置PhoneGap以便与其他JS库一起工作可能会很困难。如果不知道您具体的问题，我就不能再帮助您了，但我可以向您保证它们可以一起工作，并且在配置和管理依赖方面可能会有些麻烦。我建议使用类似Require.JS这样的管理库来帮助管理依赖项。

是否有其他可用的视频/音频播放器插件可用于PhoneGap，而不是使用PhoneGap媒体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视频播放器插件 Adobe的PhoneGap Android视频播放器 这个HTML 5视频播放器似乎支持所有平台： Phone Gap的HTML 5视频播放器

- Dave Alperovich

---

谢谢您的回答。您能否提供一个如何在PhoneGap中使用MediaElementJS的示例？ - seler

@seler，这不仅仅是一个例子...它是一个实现。你能分享一下你的代码吗，这样我就可以看到问题出在哪里了？ - Dave Alperovich

感谢Dave提供详细的答案。 - Suresh