iOS原生文件路径转Cordova路径:PKVideoThumbnail插件兼容问题
Hey,我之前在项目里也碰到过一模一样的情况——用cordova-plugin-instagram-assets-picker拿到iOS原生媒体路径后,PKVideoThumbnail完全没法正常工作。折腾了一阵后,总结出几个可行的解决办法,分享给你:
办法1:将原生路径复制到应用沙盒目录(最推荐)
iOS系统媒体目录的路径(比如file:///var/mobile/Media/DCIM/100APPLE/IMG_0239.MOV)属于系统私有目录,PKVideoThumbnail可能没有足够权限直接访问。我们可以用cordova-plugin-file把文件复制到应用的沙盒目录(比如临时目录或文档目录),再用新路径调用缩略图插件。
示例代码:
// 假设你从picker拿到的原生路径是nativeMediaPath window.resolveLocalFileSystemURL(nativeMediaPath, function(fileEntry) { // 选择应用临时目录,用完可自动清理 const appTempDir = cordova.file.tempDirectory; fileEntry.copyTo(appTempDir, fileEntry.name, function(copiedFileEntry) { const usablePath = copiedFileEntry.toURL(); // 现在用这个路径调用PKVideoThumbnail PKVideoThumbnail.generateThumbnail(usablePath, function(thumbnailPath) { console.log('缩略图生成成功:', thumbnailPath); // 这里处理你的缩略图逻辑 }, function(error) { console.error('生成缩略图失败:', error); }); }, function(copyError) { console.error('复制文件到沙盒失败:', copyError); }); }, function(resolveError) { console.error('解析原生路径失败:', resolveError); });
办法2:替换为支持原生路径的缩略图插件
如果不想折腾文件复制,可以试试其他维护更活跃的缩略图插件,比如cordova-plugin-thumbnail,它对iOS原生路径的支持更好。或者针对图片,用cordova-plugin-file结合canvas自己生成缩略图;视频的话还是推荐依赖原生能力实现。
办法3:修改PKVideoThumbnail的源码使其支持原生路径
如果你不想换插件,可以自己动手修复PKVideoThumbnail的iOS代码。它的问题大概率是只处理了应用沙盒内的路径,没有适配系统媒体目录的URL。
找到插件的iOS实现文件(比如PKVideoThumbnail.m),修改路径解析逻辑,直接使用传入的URL创建AVAsset,而不是局限于沙盒路径。同时确保你的App已经在Info.plist中添加了Photo Library的访问权限(NSPhotoLibraryUsageDescription)。
示例修改片段(Objective-C):
- (void)generateThumbnail:(CDVInvokedUrlCommand*)command { NSString* videoPath = [command.arguments objectAtIndex:0]; NSURL* videoURL = [NSURL URLWithString:videoPath]; // 直接用原生URL创建AVAsset,不需要转换沙盒路径 AVAsset* asset = [AVAsset assetWithURL:videoURL]; AVAssetImageGenerator* generator = [[AVAssetImageGenerator alloc] initWithAsset:asset]; generator.appliesPreferredTrackTransform = YES; // 后续缩略图生成逻辑保持不变... }
以上三个办法里,办法1是最稳妥的,不需要修改第三方插件,兼容性也最好,建议优先尝试。
内容的提问来源于stack exchange,提问作者Austin Hunter

