Cordova iOS视频标签本地文件源-Java 学习之路

我在基于Cordova的应用程序上在iOS上播放本地视频时遇到问题 . 一开始我想强调，只有当我使用 WKWebView 时才会出现这个问题，如果使用UiWebView，视频播放就可以了 . 这是我的情景：

用户进入屏幕传递视频网址

-Via FileTransfer我将其下载到手机并将其存储在所需位置

使用JS视频加载到 <video> 标签并播放 .

基本上我正在按照这个SO question的回答所做的一切 . UiWebView的问题是，如果相对路径设置为src，由于某种原因无法加载视频（无论我使用哪种组合），所以这个解决方案对我很有用，因为它基于这行代码：

entry.toURL()

这将返回下载视频的完整路径，这很好，至少对于UiWebView .

WkWebView的问题是entry.toURL（）返回smth . 像这样：

file:///var/mobile/Containers/Data/Application/3A43AFB5-BEF6-4A0C-BBDB-FC7D2D98BEE9/Documents/videos/Dips.mp4

并且WKWebView不适用于file：//协议 . 此外，WKWebView都不适用于相对路径:(

任何人都可以帮我解决这个问题吗？

2 回答

我今天得到了这个工作，但是 only when deployed to my device in Release mode . 在调试模式下将应用程序部署到我的设备时，它将无法正常工作 .

iOS 9.3.2
Cordova 4.0.0（iOS 3.8.0）
Telerik WKWebView Polyfill 0.6.9

Video list load method:

var path = window.cordova.file.documentsDirectory, //iTunes File Sharing directory
    href = 'http://localhost:12344/Documents', //WKWebView default server url to documents
    list = [];
function fsSuccess(dir) {
    var reader = dir.createReader();
    reader.readEntries(function (entries) {
        for (var i = 0; i < entries.length; i++) {
            list.push({ name: entries[i].name, path: href + entries[i].fullPath });
        }
    });
}
function fsError(error) {
    console.log('error', error)
}
window.resolveLocalFileSystemURL(path, fsSuccess, fsError);

Video list click handler:

var video = $('#video')[0],
    source = $('#source');
function play(index) {
    source.attr('src', list[index].path);
    video.load();
    video.play();
}

Video player markup:

<video id="video" autoplay controls loop webkit-playsinline>
    <source id="source" type="video/mp4" />
</video>

在调试之前我一直在我的办公桌上敲我的头，直到我尝试了一个发布版本并且它有效 .

回复于 2024-05-13T20:52:06+08:00

使用cordova文件打开器插件从设备打开下载文件的示例代码段 . （虽然未在WKWebView中测试）

var fileTransfer = new FileTransfer();
var cdr;

if (sessionStorage.platform.toLowerCase() == "android") {
    window.resolveLocalFileSystemURL(cordova.file.externalRootDirectory, onFileSystemSuccess, onError);
} else {
    // for iOS
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, onError);
}

function onError(e) {
    navigator.notification.alert("Error : Downloading Failed");
};

function onFileSystemSuccess(fileSystem) {
    var entry = "";
    if (sessionStorage.platform.toLowerCase() == "android") {
        entry = fileSystem;
    } else {
        entry = fileSystem.root;
    }
    entry.getDirectory("Cordova", {
        create: true,
        exclusive: false
    }, onGetDirectorySuccess, onGetDirectoryFail);
};

function onGetDirectorySuccess(dir) {
    cdr = dir;
    dir.getFile(filename, {
        create: true,
        exclusive: false
    }, gotFileEntry, errorHandler);
};

function gotFileEntry(fileEntry) {
    // URL in which the pdf is available
    var documentUrl = "http://localhost:8080/testapp/test.pdf";
    var uri = encodeURI(documentUrl);
    fileTransfer.download(uri, cdr.nativeURL + "test.pdf",
        function(entry) {
            // Logic to open file using file opener plugin
            openFile();
        },
        function(error) {
            navigator.notification.alert(ajaxErrorMsg);
        },
        false
    );
};

function openFile() {
    cordova.plugins.fileOpener2.open(
        cdr.nativeURL + "test.pdf",
        "application/pdf", //mimetype
        {
            error: function(e) {
                navigator.notification.alert("Error Opening the File.Unsupported document format.");
            },
            success: function() {
                // success callback handler
            }
        }
    );
};

回复于 2024-05-13T20:52:06+08:00

Cordova iOS视频标签本地文件源

2 回答

相关问题