Cordova внешнее приложение + локальное видео

у меня был подобный проект около года назад. Но я не помню, как столкнулся с этой проблемой, потому что мы связывали наши HTML/JS/css активы с приложением.

проблема в том, что вы пытаетесь загрузить файл:/// url протокола из html-файла, обслуживаемого из HTTP://в/ протокол, который не является чем-то, что родной UIWebView удобен.

вы можете обойти это, используя пользовательскую схему URL, такую как video://, но вам нужно написать собственный код который перехватывает эти запросы и передает фактическое видео обратно в систему Загрузки URL.

в итоге:

вот как я это сделал, используя Cordova 4.3.0 & немного ObjectiveC

1. создайте новый класс Objective C с именем VideoURLProtocol, который расширяет NSURLProtocol:

VideoURLProtocol.h:

#import <Foundation/Foundation.h>

@interface VideoURLProtocol : NSURLProtocol <NSURLConnectionDelegate>

@property (strong, nonatomic) NSURLConnection *connection;

@end

VideoURLProtocol.м:

#import "VideoURLProtocol.h"

@implementation VideoURLProtocol

@synthesize connection;

+ (BOOL)canInitWithRequest:(NSURLRequest *)request {
    return [[[request URL] absoluteString] rangeOfString:@"video://"].location != NSNotFound;
}

+ (NSURLRequest *)canonicalRequestForRequest:(NSURLRequest *)request {
    return request;
}

+ (BOOL)requestIsCacheEquivalent:(NSURLRequest *)a toRequest:(NSURLRequest *)b {
    return [super requestIsCacheEquivalent:a toRequest:b];
}

- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response {
    [self.client URLProtocol:self didReceiveResponse:response cacheStoragePolicy:NSURLCacheStorageNotAllowed];
}

- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data {
    [self.client URLProtocol:self didLoadData:data];
}

- (void)connectionDidFinishLoading:(NSURLConnection *)connection {
    [self.client URLProtocolDidFinishLoading:self];
}

- (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
    [self.client URLProtocol:self didFailWithError:error];
}

- (void)startLoading {
    NSString *currentURL = [[self.request URL] absoluteString];
    NSString *newURL = [currentURL stringByReplacingOccurrencesOfString:@"video://" withString:@"file:///"];
    NSURLRequest *request = [[NSURLRequest alloc] initWithURL:[[NSURL alloc] initWithString:newURL]];
    self.connection = [NSURLConnection connectionWithRequest:request delegate:self];
}

- (void)stopLoading {
    [self.connection cancel];
    self.connection = nil;
}

@end

1. добавить следующие строка к методу didFinishLaunchingWithOptions AppDelegate.м

   .
   .
   // These lines should already be there
   self.window.rootViewController = self.viewController;
   [self.window makeKeyAndVisible];
   
   // This line
   [NSURLProtocol registerClass:[VideoURLProtocol class]];
   .
   .    
   

2. и вот код javascript, который использует эту новую схему URL

   document.addEventListener('deviceready', function(){    
       window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem){        
           var caches = fileSystem.root.nativeURL.replace("Documents", "Library/Caches"), 
               videoPath = caches + "video.mp4";
           new FileTransfer().download("http://clips.vorwaerts-gmbh.de/VfE_html5.mp4", videoPath, function(entry){            
               document.getElementsByTagName("video")[0].src = caches.replace("file:///", "video://") + "video.mp4"
           }, function(error){
               alert("unable to download file: " + error);
           });
       });
   }, false);
   

некоторые дополнительные моменты стоит отметить:

уведомление в моем коде javascript я загружаю файл в"/Library/Caches "вместо каталога" / Documents "(расположение по умолчанию) это потому, что каталог "/ Documents " получает резервную копию в iCloud & Apple отклоняет приложения, которые пытаются создать резервную копию более ~100 МБ. Это то, что я нашел трудный путь после того, как мое приложение было отклонено. Вы можете ознакомиться с Приложение в: Настройки > iCloud > "Хранилище" > "хранилище" > {{ваше имя iPhone}} " > " показать все приложения

вы можете автоматически воспроизводить видео, добавив следующую строку в свою конфигурацию.в XML

<preference name="MediaPlaybackRequiresUserAction" value="false" />    

вы также можете воспроизводить видео inline, добавив следующую строку в свою конфигурацию.XML в дополнение к этому также нужно добавить webkit-playsinline=атрибут"true" для вашего видео:

<preference name="AllowInlineMediaPlayback" value="true" />

<video controls="controls" autoplay="true" webkit-playsinline="true" preload="auto">
</video>

вот действительно интересный учебник Рэя, который объясняет NSURLProtocol в деталях:http://www.raywenderlich.com/59982/nsurlprotocol-tutorial