【问题标题】:Are there any browser-native 360 spin viewers?是否有任何浏览器原生的 360 旋转查看器?
【发布时间】:2021-01-22 12:40:42
【问题描述】:

有几个插件可用于查看产品的交互式 360 度旋转图像,例如:https://www.ajax-zoom.com/index.php?cid=home&tag=spin360

但是,我的问题是,是否有任何当前或建议的解决方案是浏览器原生的,所以不需要任何插件?一个类比是现在大多数浏览器都原生支持 gif,而不需要插件。

非常感谢!

【问题讨论】:

  • 那个微调器不需要任何插件(如果你通过插件添加了 Flash 播放器等软件)
  • 该站点使用了一系列图像 - 3486-0000001_200x200.jpg3486-0000002_200x200.jpg3486-0000003_200x200.jpg 等,并简单地逐个循环浏览它们
  • 现代浏览器原生支持全 3d,甚至包括 AR 和 VR。人们通常使用库,但同样,这不是用户必须安装的第 3 方软件。因此,从表面上看,您的问题的答案是:“是的,所有这些”。

标签: javascript browser cross-browser 360-degrees


【解决方案1】:

首先,区分常见的 360 度旋转类型很重要:

  1. 从图像中旋转
  2. 从 3D 模型旋转

您正在询问一组图像(照片)的旋转。从一系列图像生成的 360 度旋转没有原生文件格式。旋转效果是通过 JavaScript 实现的,浏览器不具备原生显示这些动画的能力。

您可以获得的最接近的是Sirv 所做的,以生成.spin 文件,可以将其视为独立的URL,如下所示:

https://demo.sirv.com/example.spin

但是,它呈现为 HTML 文件,并且在后台它仍然提供创建旋转效果所需的所有独特图像和 JavaScript。该文件不能像带有 img 或其他标签的原生文件(例如图像或视频)那样嵌入到页面中 - 它仍然需要将 .js 也嵌入到页面中,如下所示:

<script src="https://scripts.sirv.com/sirv.js"></script>
<div class="Sirv" data-src="https://demo.sirv.com/example.spin"></div>

如果您想嵌入 3D 模型,那么可以,WebGL 是浏览器原生解决方案。

【讨论】:

    猜你喜欢
    • 2014-07-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-08
    • 2019-06-18
    • 2011-03-19
    • 2012-06-18
    • 2013-02-17
    相关资源
    最近更新 更多