Speichern Videos für die offline-Nutzung in PhoneGap/Chrome-Apps

Habe ich einfache video-Wiedergabe apps, die beide einrichten von PhoneGap und Chrome-Apps CLI ' s (Beide Cordova), Sie enthalten eine Reihe von kurzen Lernvideos und erforderlich, um sowohl die website und die Applikation auf Android/iOS für die offline-Nutzung.

Habe ich gefunden, so weit, dass die Gesamtgröße der Chrome-Apps gebündelt-Datei kann nicht größer als 10mb und das PhoneGap Build können nicht mehr als 40mb - also beide benötigen zum herunterladen und speichern Sie die Dateien lokal zur späteren Verwendung.
Die videos öffnen zu müssen, und spielen Sie innerhalb der WebView-browser - hotspots trigger JS ändern, dass die HTML5-video-src. (AppCache und anderen HTML5-storage sind, die Frage für mobile Geräte, Sie scheinen nie in der Lage sein zu erreichen triple-stellige Speicherplatz)

Hat jemand hatte Glück mit einem bestimmten Cordova/PhoneGap/Chrome-App-API, die zum speichern von Dateien lokal zu erreichen ist diese Skillung?

Jede Beratung/Hilfe/zeigt in richtige Richtung dankbar!

Wenn die app initialisiert, die für die erste Zeit, die u können das video herunterladen und speichern Sie es localsystem mithilfe von phonegap filetransfer
Kann diese Dateien auf jeden Fall neu sein, die innerhalb der Anwendung verwendet? Und im offline-Modus?
Ja y nicht bis an de Zeit ist der ur-Dateisystem u können es verwenden,

InformationsquelleAutor Daniel Sailes | 2014-02-26

10

Dazu können Sie in Cordova apps (und sehr bald in Cordova Chrome apps). Sie müssen die neuesten Versionen der Datei (1.0.1) und FileTransfer (0.4.2) plugins.

Mit denen, die Sie verwenden können FileTransfer.download() das video herunterladen, und Sie können die Datei, um den Zugriff auf die Datei, und erstellen Sie eine <video> tag, um das video abzuspielen.

Werden Sie wollen, verwenden Sie die .toNativeURL() Methode auf die Einträge in der Datei, bevor Sie Sie spielen. Die letzten Versionen der Datei plugin verwenden Sie eine benutzerdefinierte URL-Schema für Dateien, die ist leider nicht kompatibel mit HTML <video> tag.

Dies ist der test-code, den ich verwenden, um zu testen das zusammenspiel dieser Methoden:
```
var filename = "small.mp4";
var videoURL = "http://techslides.com/demos/sample-videos/small.mp4";

requestFileSystem(PERSISTENT, 0, function(fileSystem) {
    var ft = new FileTransfer();
    ft.download(videoURL, fileSystem.root.toURL() + "/" + filename, function(entry) {
        var videoElement = document.createElement('video');
        videoElement.controls = 'controls';
        videoElement.src = entry.toNativeURL();
        document.videoElementById("output").appendChild(imgElement);
    });
});
```
Update

Mit der neuesten version der Datei plugin (1.1.0), die Sie nicht mehr verwenden müssen .toNativeURL() erhalten Sie eine URL, die Sie verwenden können, als src Attribut für ein video. Die standard - .toURL() Methode wird wieder so eine URL.
- Danke Mann. Diese Methode scheint funktioniert zu haben, obwohl im Vergleich zu Dokumentation es schien gestrafft! +1 für die toNativeURL Tipp 🙂
- Gut, es ignoriert die Tatsache, dass requestFileSystem und download konnten beide werfen Fehler, und es wird nicht speichern Sie Ihre Dateien überall, aber das Dateisystem root, aber andere als das, es ist ziemlich komplett
InformationsquelleAutor Ian Clelland

Hier ist der code der download-Datei mit phonegap filetransfer

 function downloadFile(){
    window.requestFileSystem(
                 LocalFileSystem.PERSISTENT, 0, 
                 function onFileSystemSuccess(fileSystem) {
                 fileSystem.root.getFile(
                             "test.html", {create: true, exclusive: false}, 
                             function gotFileEntry(fileEntry){
                             var Path = fileEntry.fullPath.replace("test.html","");
                             var fileTransfer = new FileTransfer();
                             fileEntry.remove();

                             fileTransfer.download(
                                       yourserverurl,
                                       Path + "yourfilename+extension",
                                       function(theFile) {
                                         window.localStorage.setItem("FilePath", theFile.toURL());
                                         console.log(theFile.toURL());
                                       },
                                       function(error) {
                                         console.log("upload error code: " + error.code);
                                       }
                                       );
                             }, 
                             fail);
                 }, 
                 fail);

}
 function fail(error) {
    console.log(error.target.error.code);
}

Können Sie speichern die fileURL im "localstorage" für die weitere Verarbeitung

Also ich ersetzen test.html mit der URL des Videos, das - sagen google.com/video.mp4 - und die video-Datei.mp4 steht zur Verfügung? Ich hatte Schwierigkeiten, diese Methode funktioniert in dieser Weise. Vielleicht hatte ich die Einstellungen falsch - ich werde versuchen, diese Methode in Kürze. Dank
Vielen Dank für die Antwort, ich landete mit der alternative durch ein paar Fehler mit dieser Methode - allerdings Tat verwenden Sie Ihre localStorage-um die Position zu speichern und zu prüfen ob die Datei bereits heruntergeladen wurde, bevor!
Lassen Sie mich wissen, den Fehler, so kann ich beheben, als ich das nt getestet, obige code
Ich bin mir nicht sicher, was der Fehler war, sorry, hatte ich nicht gespeichert und jetzt würde erfordern, dass die Rückverfolgung durch den code. Wenn ich die Zeit hinzufügen, um die Funktion wieder werde ich Sie wissen lassen. Auch ich habe nur mit Cordova, PhoneGap nicht - nicht sicher, ob das einen Effekt?

InformationsquelleAutor Divesh Salian

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Update