Ruffle 不适用于移动浏览器 (Chrome)

Ruffle not working on mobile browsers (Chrome)

我制作了一些简单的 .swf 对象 (Actionscript 2) 并用 Ruffle 包裹它:

http://www.tanadsplinare.com.hr/test1/3.htm

完整代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
</head>
<body>
<div id="container"></div>
</body>
</html>
<script>
    var file = '3';
    window.RufflePlayer = window.RufflePlayer || {};
    window.addEventListener("DOMContentLoaded", function() {
        var ruffle = window.RufflePlayer.newest();
        var player = ruffle.createPlayer();
        var container = document.getElementById("container");
        container.appendChild(player);
        player.load(file + '.swf');
    });
</script>
<script src="ruffle.js"></script>

我可以在 FF 和 Chrome 在 PC/Laptop 上打开它(但是,Chrome 一开始显示播放按钮,但这是另一个问题,我想我可以克服它).

但是我使用 Chrome 在 Android phone 上打开它失败了。我知道移动浏览器支持 Ruffle,因为我已经打开了这样的网站:https://www.albinoblacksheep.com/games/bloxorz

这里有一些变体,也不起作用: 同样的事情,但脚本在 body 标签内移动: http://www.tanadsplinare.com.hr/test1/ruffle1.htm DOMContentLoaded 事件按预期触发,我用警报证明了这一点。

Take 2:Flash 对象和 ruffle 插件(根据文档,这就足够了。是的,这适用于 FF 和 Chrome,但不适用于移动设备 Chrome) http://www.tanadsplinare.com.hr/test1/ruffle2.htm

更像 Bloxorz:Flash 对象、配置荷叶边(就像 Bloxorz 所做的那样)和荷叶边插件。是的,这适用于 FF 和 Chrome,但不适用于移动设备 Chrome) http://www.tanadsplinare.com.hr/test1/ruffle3.htm

列出的所有可能变体在 PC/Laptop 浏览器上运行良好,但在移动设备上运行不佳(Xaomi Redmi 6、Android、Chrome)

事情是我在 Ruffle 论坛上发现的,这个最新版本的 Ruffle SDK 在 Android 的 Chrome 91 中处理得不是很好,应该在 [=] 的未来更新中22=]92.

因此,我使用了网站上的 SDK,我注意到 Ruffle/Flash 个对象工作正常(原来是 1 月份的 Ruffle 版本):

https://www.albinoblacksheep.com/script/ruffle_nightly_2021_01_26_selfhosted/aafdd926c74ff1ff1e03a02091c0405b.wasm https://www.albinoblacksheep.com/script/ruffle_nightly_2021_01_26_selfhosted/ruffle.js

我导入了我的网站,它(几乎)工作正常。