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
我导入了我的网站,它(几乎)工作正常。
我制作了一些简单的 .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
我导入了我的网站,它(几乎)工作正常。