mediaelement.js 与 Phonegap 兼容吗？

Posted 2023-05-07

【中文标题】mediaelement.js 与 Phonegap 兼容吗？

【英文标题】：Is mediaelement.js compatible with Phonegap?

【发布时间】：2015-08-09 13:57:42

【问题描述】：

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

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

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

谢谢 苏雷什

【参考方案1】：

mediaelement.js 与 phonegap 兼容吗？

是的，它们是兼容的。

我已经看到它们在项目中一起使用。 PhoneGap 可能难以正确配置以与其他 JS 库一起工作，因为 PhoneGap 绑定自己的事件以管理环境。

在不了解您的具体问题的情况下，我只能向您保证他们可以一起工作，并且在配置和管理依赖项方面存在困难，我无法为您提供更多帮助。我建议使用像 Require.JS 这样的管理库来帮助管理依赖关系。

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

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

PG 的优势在于贡献者投入了多少精力来使应用程序与本机驱动程序和工具一起使用。在可能的情况下，您将有更轻松的时间（通常）依赖 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 Video-Player 插件：

VideoPlayer plugin for Phonegap

Adobe's Video Player for PhoneGap Android

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

html 5 Video player for Phone Gap

【讨论】：

感谢您的回答。您能否提供一个如何将 mediaelementjs 与 phonegap 一起使用的示例？

@seler，这不仅仅是一个例子......这将是一个实现。你能以某种方式分享你的代码，以便我看看有什么问题吗？

感谢 Dave 的详细回答。