离线Flutter应用集成WebGL ARP签名Avatar渲染失败求助

数据老陈

2026-6-1

Flutter集成WebGL手语Avatar渲染问题求助

我正在开发一款文本转手语的Flutter应用，需要集成基于Web的Avatar预览功能，目标是渲染通过JASigning（vhg.2023）实现的CoffeeScript WebGL ARP签名Avatar（带Animgen）。

初期遇到了CORS问题——Avatar的JAR文件XHR请求被拦截，解决后Web画布已成功加载，但Avatar本身始终无法渲染。
由于应用要求支持离线运行，我已经下载了所有所需的Avatar资源并尝试在应用环境中集成。
目前不确定问题出在Flutter WebView的WebGL渲染、资源加载路径，还是该Avatar框架的离线运行限制上。

希望能得到以下方面的指导：

确保WebGL Avatar在Flutter应用中正常渲染
处理原面向Web部署的框架的本地托管资源
画布加载后调试Avatar初始化/渲染失败问题

任何见解或建议都将不胜感激。

代码片段

Future<void> _initWebView() async {
  const playerUrl =
      'https://appassets.androidplatform.net/assets/flutter_assets/jas/loc2025/cwa/flutter_player.html';

  final controller = WebViewController()
    ..setJavaScriptMode(JavaScriptMode.unrestricted)
    ..addJavaScriptChannel(
      'AvatarBridge',
      onMessageReceived: (message) {
        final msg = message.message;
        debugPrint('AvatarBridge: $msg');
      },
    )
    ..setNavigationDelegate(
      NavigationDelegate(
        onPageFinished: (url) {
          debugPrint('Page loaded: $url');
        },
        onWebResourceError: (error) {
          debugPrint('WebView error: ${error.description}');
        },
      ),
    );

  await controller.loadRequest(Uri.parse(playerUrl));
  _webController = controller;
}