android webview m3u8,GitHub - dotcink/x5_webview_flutter: 一个基于腾讯x5引擎的webview flutter插件，简化集成，一行代码打开视频...

x5_webview

一个基于腾讯x5引擎的webview的flutter插件，暂时只支持android使用

x5内核介绍

x5内核，腾讯为改善移动端web体验的一种内核架构。加载更快，更省流量，视频播放优化，文件助手等等

快速集成

pubspec.yaml文件添加

dependencies:

x5_webview: ^x.x.x //最新版本见上方

为兼容x64手机，在bulid.gradle里面的defaultConfig添加ndk支持

ndk {

abiFilters "armeabi-v7a"

}

在启动时，初始化x5

void main() {

X5Sdk.init().then((isOK) {

print(isOK ? "X5内核成功加载" : "X5内核加载失败");

});

runApp(MyApp());

}

使用内嵌webview

return Scaffold(

appBar: AppBar(

title: Text("X5WebView示例"),

),

body: defaultTargetPlatform == TargetPlatform.android

? X5WebView(

url: "http://debugtbs.qq.com",

javaScriptEnabled: true,

userAgent: 'hello test user agent',

mixedContentMode: WEB_VIEW_MIXED_CONTENT_COMPATIBILITY_MODE,

onWebViewCreated: (control) {

_controller = control;

},

onPageFinished: () async {

var url = await _controller.currentUrl();

print(url);

var body = await _controller

.evaluateJavascript('document.body.innerHTML');

print(body);

},

)

:

//可替换为其他已实现ios webview,此处使用webview_flutter

WebView(

initialUrl: "https://www.baidu.com",

javascriptMode: JavascriptMode.unrestricted,

onWebViewCreated: (control) {

_otherController = control;

var body = _otherController

.evaluateJavascript('document.body.innerHTML');

print(body);

},

),

);

内嵌webview js与flutter互调

flutter调用js

var body = await _controller.evaluateJavascript("document.body.innerHTML");

js调用flutter

var listName = ["X5Web", "Toast"];

_controller.addJavascriptChannels(listName, (name, data) {

switch (name) {

case "X5Web":

print(data);

break;

case "Toast":

print(data);

break;

}

});

js代码

X5Web.postMessage("XXX")

Toast.postMessage("YYY")

使用TBSPlayer直接播放视频

var canUseTbsPlayer = await X5Sdk.canUseTbsPlayer();

if (canUseTbsPlayer) {

var isOk = await X5Sdk.openVideo(

"https://ifeng.com-l-ifeng.com/20180528/7391_46b6cf3b/index.m3u8");

} else {

print("x5Video不可用");

}

打开本地文件(格式支持较多，视频音频图片办公文档压缩包等等，支持文件详情)

var msg = await X5Sdk.openFile("/sdcard/download/FileList.xlsx");

print(msg);

如果你只是想要简单的展示web页面，可使用以下代码直接打开一个webActivity，

性能更佳

X5Sdk.openWebActivity("https://www.baidu.com",title: "web页面");

注意事项

该插件暂时只支持Android手机，IOS会使用无效。ios可使用webview_flutter或其他已实现IOS WXWebView插件

一般手机安装了QQ，微信，QQ浏览器等软件，手机里自动会有X5内核，如果没有X5内核会在wifi下自动下载，X5内核没有加载成功会自动使用系统内核官网说明。详细配置可用手机打开以下链接查看X5内核的详情

http://debugtbs.qq.com

请使用真机测试，模拟器可能不能正常显示

如果添加ndk支持后，打开app闪退请添加以下运行配置，或者使用android sdk运行。

flutter build apk --debug --target-platform=android-arm

flutter run --use-application-binary=build/app/outputs/apk/debug/app-debug.apk

android9.0版本webview联不了网在manifest添加

...

android:usesCleartextTraffic="true"

>

有比较急的问题可以加我QQ：793710663

示例程序下载