是否有任何浏览器原生的 360 旋转查看器?
Are there any browser-native 360 spin viewers?
有几个插件可以查看产品的交互式 360 度旋转图像,例如:https://www.ajax-zoom.com/index.php?cid=home&tag=spin360
但是,我的问题是是否有任何当前或建议的解决方案是浏览器原生的,因此不需要任何插件?一个类比是 gif 现在如何在不需要插件的情况下得到大多数浏览器的原生支持。
非常感谢!
首先,区分常见的360旋转类型很重要:
- 从图像旋转
- 从 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 是 browser-native 解决方案。
有几个插件可以查看产品的交互式 360 度旋转图像,例如:https://www.ajax-zoom.com/index.php?cid=home&tag=spin360
但是,我的问题是是否有任何当前或建议的解决方案是浏览器原生的,因此不需要任何插件?一个类比是 gif 现在如何在不需要插件的情况下得到大多数浏览器的原生支持。
非常感谢!
首先,区分常见的360旋转类型很重要:
- 从图像旋转
- 从 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 是 browser-native 解决方案。