Cordova-video - / audio-nicht-Spiel aus cdvfile:// - urls nach dem update auf 3.3.0

Meine Cordova app-downloads, audio-Dateien von einem server und stellt Sie zu spielen, wenn das Gerät offline ist. Das war alles wunderbar funktioniert, bis gestern, wenn ich auf die neueste version aktualisiert.

Zunächst weder das herunterladen (über das file-transfer-plugin) noch das Spiel (über das media-plugin) funktionieren würde. In Sie suchen weiter, ich fand, dass fileSystem.root.fullPath jetzt gibt einen relativen Pfad zu den apps der lokalen web-root-Ordner, aber es zurück, einen voll qualifizierten Pfad. Cordova-jetzt empfiehlt die Verwendung fileSystem.root.toURL() statt (http://cordova.apache.org/news/2014/02/10/plugins-release.html). Diese tatsächlich fix die Datei transfer Problem.

Jedoch, mit dem neuen URL-Schema funktioniert nicht für audio-Dateien. Beim Versuch die Datei abzuspielen, bekomme ich die Fehlermeldung "Cannot use audio file from resource 'cdvfile://localhost/persistent/path/to/file'".

Überprüfung der Cordova-issue-tracker fand ich, dass sich jemand gemeldet hat das gleiche Problem für video-Dateien sowie (https://issues.apache.org/jira/browse/CB-6051).

Scheint es, dass Cordova noch nicht aktualisiert, die CDVSound-plugin, um die Handhabung der neuen Datei-Namen-format, aber es könnte noch funktionieren, wenn ich könnte Holen Sie sich den Zugang zu den vollständig qualifizierten Pfad wie vorher. Ich habe mir die neuen Codes und docs aber habe nicht gefunden, einen Weg, dies zu tun.

Hat jemand es geschafft, einen voll qualifizierten Pfad von der Datei plugin?

InformationsquelleAutor TreeAndLeaf | 2014-02-18
  1. 8

    Ich habe es funktioniert für Videos mit der dev Filialen für Datei-und Datei-transfer. Sie hat eine Funktion, um den Eintrag Klasse namens toNativeURL Sie benötigen zum download der zip-Dateien von der github-Projekte:

    https://github.com/apache/cordova-plugin-file-transfer/tree/dev

    https://github.com/apache/cordova-plugin-file/tree/dev

    https://github.com/apache/cordova-plugin-media/tree/dev

    Dann installieren Sie Sie in Ihr Projekt:

    cordova plugin rm org.apache.cordova.file-transfer
cordova plugin rm org.apache.cordova.file
cordova plugin rm org.apache.cordova.media

cordova plugin add <path_to_unzipped_dev_branch_of_file_plugin>
cordova plugin add <path_to_unzipped_dev_branch_of_file-transfer_plugin>
cordova plugin add <path_to_unzipped_dev_branch_of_media_plugin>

    Dies ist ein Beispiel, ich habe zu arbeiten:

    <!DOCTYPE html>
<!--
    Licensed to the Apache Software Foundation (ASF) under one
    or more contributor license agreements.  See the NOTICE file
    distributed with this work for additional information
    regarding copyright ownership.  The ASF licenses this file
    to you under the Apache License, Version 2.0 (the
    "License"); you may not use this file except in compliance
    with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,
    software distributed under the License is distributed on an
    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
     KIND, either express or implied.  See the License for the
    specific language governing permissions and limitations
    under the License.
-->
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
    </head>
    <body>
        <div id="main" class="app">
            <h1>Apache Cordova</h1>
            <div id="deviceready" class="blink">
                <p class="event listening">Connecting to Device</p>
                <p class="event received">Device is Ready</p>
            </div>
            <div id="messages">
                Loading Video...
            </div>
            <video width="320px" height="240px" controls></video>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();

            document.addEventListener("deviceready", onDeviceReady, false);

            //device APIs are available
            //
            function onDeviceReady() {
                console.log('Requesting file system');
                window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
            }

            function gotFS(fileSystem) {
                fileSystem.root.getDirectory("vids", {create: true}, gotDir);
            }

            function gotDir(dirEntry) {
                dirEntry.getFile("video.mp4", {create: true, exclusive: false}, gotFile);
            }

            function gotFile(fileEntry) {
                var localPath = fileEntry.fullPath;
                var localUrl = fileEntry.toURL();

                console.log('Loaded local path: ' + localPath);
                console.log('Loaded local url: ' + localUrl);

                var fileTransfer = new FileTransfer();
                var uri = encodeURI('http://<url_to_video>.mp4');
                console.log('Downloading ' + uri + ' to ' + localPath);

                fileTransfer.download(
                    uri,
                    localUrl,
                    function(entry) {
                        console.log('download complete (path): ' + entry.fullPath);
                        console.log('download complete (url): ' + entry.toURL());
                        console.log('download complete (native): ' + entry.toNativeURL());
                        document.getElementById('messages').innerHTML = 
                        'Downloaded Video path: ' + entry.fullPath + '<br />'
                        + 'Downloaded Video url: ' + entry.toURL() + '<br />'
                        + 'Downloaded Video Native url: ' + entry.toNativeURL() + '<br />';
                        var videoNode = document.querySelector('video');
                        videoNode.src = entry.toNativeURL();
                    },
                    function(error) {
                        console.log('download error source ' + error.source);
                        console.log('download error target ' + error.target);
                    }
                );
            }

            function fail(error) {
                console.log('Error creating file [' + error.name + ']: ' + error.message);
            }
        </script>
    </body>
</html>

    Wenn es funktioniert mit dem video, es sollte auf jeden Fall die Arbeit mit audio.

    • Dank David. Dies hat mir sehr geholfen, da war ich mir unsicher darüber, wie zu bauen in der neuen plugins. Ich nehme dies als Antwort, und Bearbeiten Sie es, die media-plugin.
    • Das war schnell 🙂 ich hatte nur zusammengeführt, dass code, wenn Sie dies schrieb. .toNativeURL ist wahrscheinlich die beste Lösung, jetzt für <video>. Es sollte nicht erforderlich sein, für die Media-plugin, aber das sollte jetzt erkennen die neuen URLs nativ.
    • Ab heute (2014-03-04), die development-Versionen, die Sie erwähnen, sind veröffentlicht worden. Datei-transfer-0.4.2 -, Datei-1.0.1 und Medien 0.2.9 enthalten diese Updates.
    InformationsquelleAutor dvdcastro
  2. 2

    Die Entwicklung der Zweig der [Media][1] und die Datei plugins nun dieses Problem lösen. Wenn Sie können, installieren Sie die plugins aus dem git, dann ist das spielen von cdvfile:// URLs sollten einfach funktionieren.

    Ich poste wieder hier, wenn dieser code veröffentlicht wird, wie gut.

    Update -- Wie der 2014-03-04, die Updates für Medien-und Datei veröffentlicht sind. Datei 1.0.1 und Medien 0.2.9 zusammen arbeiten, um das audio Abspielen von cdvfile URLs.

    InformationsquelleAutor Ian Clelland
  3. 0

    Habe ich nicht noch eine Antwort für einen voll qualifizierten Pfad, aber ich habe entschieden, zu hacken das iOS-plugin bis es eine passende Lösung von Cordova. (Zumindest kann ich weiterhin mit dev für den moment.)

    Folgende code stammt aus der file-transfer plugin, und können Hinzugefügt werden, um CDVSound.m zu ermöglichen, das media-plugin für das Abspielen von audio-Dateien mit den neuen cdvfile:// Pfade, nur iOS. Werden Sie gewarnt, wenn, ich habe nie geschrieben, eine Linie von ObjC vor und der code ist kaum getestet. Es ist ein temp-fix bis Cordova patches das aktuelle plugin.

    #import "CDVSound.h"
#import "CDVFile.h"    <-- add
#import <Cordova/NSArray+Comparisons.h>
...
#define RECORDING_WAV @"wav"
#define CDVFILE_PREFIX @"cdvfile://"  <-- add

extern CDVFile *filePlugin;   <-- add

@implementation CDVSound
...
    filePath = [resourcePath stringByReplacingOccurrencesOfString:DOCUMENTS_SCHEME_PREFIX withString:[NSString stringWithFormat:@"%@/", docsPath]];
    NSLog(@"Will use resource '%@' from the documents folder with path = %@", resourcePath, filePath); 
<--- insert this block here --->
} else if ([resourcePath hasPrefix:CDVFILE_PREFIX]) {
    CDVFilesystemURL *fsURL = [CDVFilesystemURL fileSystemURLWithString:resourcePath];
    if (fsURL && fsURL.fileSystemName != nil) {
        //This requires talking to the current CDVFile plugin
        NSObject<CDVFileSystem> *fs = [filePlugin filesystemForURL:fsURL];
        if ([fs respondsToSelector:@selector(filesystemPathForURL:)]) {
            filePath = [fs filesystemPathForURL:fsURL];
            NSLog(@"Will use resource '%@' from the documents folder with path = %@", resourcePath, filePath);
        }
        else {
            resourceURL = fsURL.url;
        }
    }
    else {
        NSLog(@"Unknown resource '%@'", resourcePath);
    }
<--- to here --->
} else {
    //attempt to find file path in www directory or LocalFileSystem.TEMPORARY directory
    • Ich würde Zustimmen, mit der Betrachtung dieses einen hack und eine temporäre Lösung; die Media-plugin sollte auf jeden Fall aktualisiert werden, um die Arbeit mit der neuen version der Datei.
    • Auch, wenn Sie gehen, um so etwas wie das, dann würde ich die Garde der [fs filesystemPathForURL:fsURL] rufen Sie mit einem Scheck für if ([fs respondsToSelector:@selector(filesystemPathForURL:)]), da es eine optionale Methode des filesystem-Protokoll. Nicht alle Datei-urls anzeigen zu physischen Standorten auf der Festplatte.
    InformationsquelleAutor TreeAndLeaf
Schreibe einen Kommentar