WKWebView:远程URL访问本地文件

Question

WKWebView:远程URL访问本地文件

我正在使用Xamarin.iOS,但一切都很容易翻译成ObjC/Swift.

我有一个WKWebView加载远程URL(html,js,css),然后加载应用程序中本地存储的mp4视频.问题是这些视频没有被加载.

该网站使用HTML 5视频标签,我通过与Javascript通信C#来设置本地网址.

视频路径是这样的:/var/mobile/Containers/Data/Application/F535FA1C-752B-4B46-B237-6781464EE0E5/Documents/../Library/Vimeo/7b2723fa-b0f1-40c5-bc58-d43949273329.mp4.

这是我的WKWebView设置:

var userController = new WKUserContentController();
userController.AddScriptMessageHandler(new iOSSiteWrapper(this.ViewModel, () => this.webView), "iOSWrapper");
var configuration = new WKWebViewConfiguration
{
    AllowsInlineMediaPlayback = true,
    UserContentController = userController
};
configuration.Preferences.JavaScriptCanOpenWindowsAutomatically = true;
configuration.Preferences.JavaScriptEnabled = true;
configuration.Preferences.SetValueForKey(NSObject.FromObject(true), new NSString("allowFileAccessFromFileURLs"));
configuration.AllowsInlineMediaPlayback = true;
configuration.AllowsPictureInPictureMediaPlayback = true;
if (UIDevice.CurrentDevice.CheckSystemVersion(10, 0))
{
    configuration.MediaTypesRequiringUserActionForPlayback = WKAudiovisualMediaTypes.None;
}
else
{
    configuration.MediaPlaybackRequiresUserAction = false;
}

this.webView = new WKWebView(
    new CoreGraphics.CGRect(),
    configuration)
{
    WeakNavigationDelegate = this
};

// add to view hierarchy...

// this.ViewModel.HtmlContent is a string which contains the html page
this.webView.LoadHtmlString(this.ViewModel.HtmlContent, NSUrl.FromString(Constants.BASE_URL));

Run Code Online (Sandbox Code Playgroud)

我在Info.plist文件中配置了ATS例外.

更新

我试着加载这个简单的html字符串:

var videoToPlay = "file:///var/mobile/Containers/Data/Application/F535FA1C-752B-4B46-B237-6781464EE0E5/Documents/../Library/Vimeo/7b2723fa-b0f1-40c5-bc58-d43949273329.mp4";
var html = $"<html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /></head><body  id=\"page\"><div id=\"VideoBean\" style=\"position:relative;\" width=\"305\" height=\"242\"><video id=\"video\" type=\"video/mp4\" controls=\"controls\" role=\"presentation\" width=\"305\" height=\"242\"><source id=\"source\" src=\"{videoToPlay}\"></video></div></body></html>";

this.webView.LoadHtmlString(html, NSUrl.FromString(Constants.BASE_URL));

Run Code Online (Sandbox Code Playgroud)

结果是一样的.视频无法播放,我可以在Safari输出上看到此错误:

不允许加载本地资源:file:///var/mobile/Containers/Data/Application/F535FA1C-752B-4B46-B237-6781464EE0E5/Documents/../Library/Vimeo/7b2723fa-b0f1-40c5-bc58-d43949273329 .MP4

第二次更新

如果我加载html代码段设置本地路径作为基本URL,它的工作原理:

this.webView.LoadHtmlString(html, NSUrl.FromFilename(videoToPlay));

Run Code Online (Sandbox Code Playgroud)

但是当我尝试加载远程站点时,我需要基本URL作为远程基本URL.所以一个新的问题是:是否可以在WKWebView上设置两个基本URL？

否则,除了在本地加载整个站点之外,我还有其他选择吗？

Answer 1

nmi*_*off 1

这就是我为使其发挥作用所做的事情：

1）下载html文件到本地存储

2) 查找 html 文件中的所有相对 url，并为其设置基本 url。我的意思是这样的：src="myvideo.mp4-->src="https://myhomeurl.com/myvideo.mp4"

3）使用webView.LoadFileUrl代替LoadHtmlString（我还将第二个参数从改为NSUrl.FromString）NSUrl.FromFilename。

归档时间：	7 年，9 月前
查看次数：	933 次
最近记录：	7 年，9 月前