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有一個用於播放和錄制音頻文件的Media 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 Video-Player插件：

Phonegap的VideoPlayer插件

Adobe的PhoneGap Android視頻播放器

這個HTML 5視頻播放器似乎支持所有平台：

用於手機差距的HTML 5視頻播放器