使用 Javascript 图 API 在 Facebook 上发布等距柱状 360° 全景图
Posting equirectangular 360° panoramas on Facebook using Javascript Graph API
我正在尝试代表我的应用程序的用户post 360° 照片,但我不知道如何让它发挥作用。
我加载了 Facebook Javascript 图表 API,使用 "publish_actions" 范围记录了用户,并使用以下代码 post 使用等距柱状投影的图片:
FB.api(
"/me/photos",
"POST",
{
"url": "MY_PUBLIC_URL",
"allow_spherical_photo": true,
"spherical_metadata": {
"ProjectionType": "equirectangular",
"CroppedAreaImageWidthPixels": 240,
"CroppedAreaImageHeightPixels": 240,
"FullPanoWidthPixels": 1962,
"FullPanoHeightPixels": 981,
"CroppedAreaLeftPixels": 981,
"CroppedAreaTopPixels": 490
}
}, function (response) {
console.log(response); // I get "{"id":"...", post_id:"..."} so no error
if (response && !response.error) {
/* handle the result */
}
}
);
它post在当前用户的时间轴上显示正确,但它显示为 "normal" 图片,而不是 360° 全景图。
有人实现了 360° 全景 post 功能吗?
我的照片应该有正确的比例 (2:1),并且是一张正确的 360° 照片。
提前感谢您的帮助。
我终于为我的问题找到了可行的解决方案:只放置 "allow_spherical_photo": true
并删除 spherical_metadata
。
然后,360° 图片需要有元数据,以便 Facebook 处理能够正确显示它们(此处解释的 XMP 元数据:https://developers.google.com/streetview/spherical-metadata)
谢谢。
我正在尝试代表我的应用程序的用户post 360° 照片,但我不知道如何让它发挥作用。
我加载了 Facebook Javascript 图表 API,使用 "publish_actions" 范围记录了用户,并使用以下代码 post 使用等距柱状投影的图片:
FB.api(
"/me/photos",
"POST",
{
"url": "MY_PUBLIC_URL",
"allow_spherical_photo": true,
"spherical_metadata": {
"ProjectionType": "equirectangular",
"CroppedAreaImageWidthPixels": 240,
"CroppedAreaImageHeightPixels": 240,
"FullPanoWidthPixels": 1962,
"FullPanoHeightPixels": 981,
"CroppedAreaLeftPixels": 981,
"CroppedAreaTopPixels": 490
}
}, function (response) {
console.log(response); // I get "{"id":"...", post_id:"..."} so no error
if (response && !response.error) {
/* handle the result */
}
}
);
它post在当前用户的时间轴上显示正确,但它显示为 "normal" 图片,而不是 360° 全景图。
有人实现了 360° 全景 post 功能吗?
我的照片应该有正确的比例 (2:1),并且是一张正确的 360° 照片。
提前感谢您的帮助。
我终于为我的问题找到了可行的解决方案:只放置 "allow_spherical_photo": true
并删除 spherical_metadata
。
然后,360° 图片需要有元数据,以便 Facebook 处理能够正确显示它们(此处解释的 XMP 元数据:https://developers.google.com/streetview/spherical-metadata)
谢谢。