mediaelement.js与Phonegap兼容吗?

时间:2015-05-27 12:57:52

标签: javascript cordova html5-video phonegap-plugins mediaelement.js

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

我创建了一个演示版,它在iOS和& Android浏览器,但当我准备phonegap构建它不在Android设备上播放视频或音频时。

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

由于 苏雷什

1 个答案:

答案 0 :(得分:4)

  

mediaelement.js是否与phonegap兼容?

是的,它们兼容。

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

在不了解您的具体问题的情况下,我无法帮助您,而不是向您保证他们可以一起工作,并且配置和管理依赖关系都很痛苦。我建议使用像 Require.JS 这样的管理库来帮助管理依赖项。

  

有没有其他可用于phonegap的视频\音频播放器插件,而不是使用phonegap Media API?

是的,实际上,PhoneGap有一个用于播放和录制音频文件的Media API

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

<强> documentation for PhoneGap media

从网址播放音频文件的示例:

<强>标记:

    <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