Ist mediaelement.js mit Phonegap kompatibel?

Question

Ich baue eine Phonegap-Anwendung, wo ich Video-und Audio-Streaming-Funktion verwenden muss, fand ich, dass Mediaelementjs scheint besser geeignet für Cross-Plattform-Video-und Audio-Funktion.

Ich erstellte eine Demo und es funktioniert gut auf iOS & Android-Browser, aber wenn ich bereitete Phonegap bauen seine nicht Video oder Audio auf Android-Gerät spielen.

Ist mediaelement.js mit phonegap kompatibel? Wenn nein, gibt es ein anderes video \ audio player Plugin, das mit phonegap verwendet werden kann, anstatt phonegap Media API zu verwenden.

Dank Suresh

Answer 1

Ist mediaelement.js mit phonegap kompatibel?

Ja, sie sind kompatibel.

Ich habe sie zusammen bei Projekten verwendet gesehen. PhoneGap kann schwierig sein, richtig zu konfigurieren, um mit anderen JS-Bibliotheken b/c des Ausmaßes zu arbeiten, zu dem PhoneGap seine eigenen Ereignisse bindet, um die Umgebung zu verwalten.

Ohne mehr über Ihr spezifisches Problem zu wissen, kann ich Ihnen nicht weiter helfen, als Ihnen zu versichern, dass sie zusammenarbeiten können und dass es Probleme bei der Konfiguration und Verwaltung von Abhängigkeiten gibt. Ich empfehle die Verwendung einer Verwaltungsbibliothek wie Require.JS, um die Abhängigkeiten zu verwalten.

Gibt es ein anderes video \ audio player-Plugin, das mit phonegap verwendet werden kann, anstatt phonegap Media API zu verwenden?

Ja, infact PhoneGap hat eine Medien-API für die Wiedergabe und Aufnahme von Audiodateien

Der Vorteil von PG ist, wie viel Aufwand die Mitwirkenden investiert in Anwendungen machen mit nativen Treibern und Tools arbeiten. Sie werden sich (im Allgemeinen) leichter auf PG-APIs verlassen können, wenn dies möglich ist.

documentation for PhoneGap media

Beispiel eine Audio-Datei von einer URL zu spielen:

Markup:

<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(); 
} 

Die mitgelieferte Funktionalität ist umfangreich und robust, einschließlich Tools zum Einstellen von Lautstärke, Wiedergabeposition und Freigabe von Medienressourcen nach Abschluss.

Es gibt viele Android Video-Player-Plug-Ins für PhoneGap:

VideoPlayer plugin for Phonegap

Adobe's Video Player for PhoneGap Android

Diese HTML 5 Video-Player scheint alle Plattformen zu unterstützen:

HTML 5 Video player for Phone Gap