Question

游戏已启动，我收到了用户的状态，一切都准备就绪。我正在尝试构建问答游戏。我正在从一个包含问题的图像资产的远程服务器上获取所有信息。我可以获取远程数据，但是无法显示图像。看来Facebook正在阻止他们。

我尝试使用以下命令将CSP标头添加到图像服务器 Content-Security-Policy: img-src *.fbsbx.com。在此之前也尝试过*。这一切似乎都不起作用。唯一有效的方法是将图像资产上传到Facebook的托管服务器。

没有来自Facebook方面的信息。这里有人知道吗？

Answer 1

根据这篇文章（Instant Games Content Security Policy），Facebook Instant Games似乎正在阻止某些媒体。他们确实允许使用blob。因此，我将图像作为Blob提取，并将其转换为可以在图像上设置的数据对象。

            fetch(imageUrl)
                .then(function (response) {
                    return response.blob();
                })
                .then(function (myBlob) {
                    let myImage = document.getElementById('my-image');
                    myImage.src = URL.createObjectURL(myBlob);
                });

Facebook Instant Games无法在游戏期间加载远程图像

1 个答案: