我正在制作一个网站，在一个页面上有不同的全景图
由pano2vr gardengnamesoftware.com/pano2vr.php制作
问题是我想将每个全景图隐藏在一个可扩展的部分中。这样用户就可以向下滚动，然后打开他们想要的页面。
我已经尝试过不同的展开/折叠代码，比如下面这个
还有这个
(我之所以选择这些，是因为它们有平滑的打开动画，图形可以改变以显示它是打开的还是关闭的，并且您可以一次打开多个非手风琴样式)
然而，第一个问题是，如果全景图处于折叠部分，则无法加载。(如果我使用第二个脚本，它有cookie并记住某个部分是否打开，如果我在中打开包含全景图的部分并刷新页面，则它将加载
浏览 3提问于2012-03-09得票数 2
我是一个开发移动应用程序的新手。
我需要在最后一年的项目中使用HTML5制作windows phone 8应用程序。但同时，我想要包含windows phone8模板上可用的全景视图。
有没有可能把它们结合起来？我所说的组合是指应用程序的登录页面是超文本标记语言页面，当用户登录时，它将用户定向到全景视图，并在全景视图上显示HTML5内容。
正如我为全景视图使用XAML/C#所做的那样，但是标准是使用HTML5，同时我想要有全景视图，所以我被困在这个项目上一周了，因为我搜索了所有的细节，但仍然没有找到。
我需要你们的建议...我不需要你们写代码或者给我任何代码。我只需要关于我应该在哪里寻找知识的
浏览 1提问于2013-04-03得票数 0
1回答
是否可以使用jQuery人脸检测插件(我正在使用)来检测沉浸式360全景图像中的人脸(我已经使用krpano 1.19-pr5 (build 2016-05-24)工具(演示版本)来构建全景文件和用于渲染的krpano html5查看器。你可以从下载整个包)？
人脸检测插件可以很好地处理简单的2D图像和HTML5画布。krpano查看器还在画布中呈现目标全景平铺。下面是在浏览器中渲染全景图像的html文件的代码。
<!DOCTYPE html>
<html>
<head>
<title>krpano - test_pano_3</ti
浏览 2提问于2016-07-26得票数 0
我已经得到了获得全景图像的参考，但它只给我缩略图，但我想要一个原始的全景图像直接从街景。
下面给出了这个链接，我得到的是
请帮助我得到原来的全景图像，而不是缩略图。
浏览 2提问于2016-12-06得票数 2
我需要用jquery/javascript版本替换我的旧FLASH全景查看器。
如果你检查，你会看到墙/角/边是圆形的，所以当你应用全景效果时，你会看到它是正常的。
问题是，对于所有的jquery全景插件，我得到的结果是： (图像只保留动画。所以四舍五入，仍然四舍五入)
你知道有什么好的解决方案可以处理这种图像吗？
PS:这个格式名称是什么？
浏览 2提问于2012-02-03得票数 5
你好！
我想使用这个jQuery插件，我使用拼接全景。我干得很好！
我需要另一个处理程序的图像动画，因为我有一个透明的div这个全景图像，为更酷的方面。
我尝试了所有css技巧，但没有运气，处理程序只在实际图像上激活。我可以指定另一个div作为处理程序吗？
，非常感谢！
浏览 5提问于2011-02-24得票数 0
回答已采纳
1回答
在网格中对Div进行排序
、、、
我写了一个JQuery插件，在网络上模拟Windows8地铁风格的全景图，允许用户在全景图中的面板之间使用鼠标切换。
我希望内容所有者能够创建一个SharePoint列表中的全景图不同大小的瓦片，他们可以设置某些参数。
我遇到的问题是，当瓷砖被渲染时，如果有些是单宽和双高的，如果它们不是按照特定的顺序创建的，我最终会得到很多空白空间。
我希望能够有一个2x3的网格，内容所有者可以在1x1和2x1的平铺大小之间选择，但渲染的网格不包含空白空间。
帮助!
浏览 0提问于2011-08-26得票数 2
回答已采纳
两个星期以来，我一直在与这个问题作斗争，不是使用Pannellum，而是使用各种Js库，其中包括ThreeJS，但没有成功。Pannellum看起来很有希望，并且已经看到它支持部分全景(1张照片)。基本上，我想要建立一个像Facebook那样的全景播放器。我上传了用我的iPhone拍摄的全景照片，它们不是360度。简而言之，谁能给我提供一个使用Pannellum或Three.js的局部全景图的例子？然后我会非常高兴和感激。
浏览 62提问于2018-08-14得票数 0
我对three.js和tween.js的组合有问题。问题是，tween.js动画的计时器在球体的纹理显示之前就开始了。
我正在用火狐的three.js构建一个全景查看器。全景图像映射到球体，摄影机位于球体的中心。可以更改显示的全景图以虚拟访问不同的房间(这是通过将具有不同纹理的不同球体变为可见来实现的)。更改房间时，会使用tween.js为灯光设置动画，以使房间变暗。然后，灯再次亮起，并显示新的全景图像。
问题是，如果是第一次访问一个房间，它需要一些时间来显示图像。这是因为图像在显示之前没有加载到内存中。
如果在全景图完全加载到内存中并准备好显示之前，房间一直是黑暗的，那也不是什么坏事。但是t
浏览 1提问于2015-11-17得票数 0
看看，它在桌面和移动(三星S4，安卓4.4.2)的最新版本移动Chrome上工作得很好。
然而，在三星平板电脑SM 230上，同样带有Android4.4.2和最新版本的移动Chrome，这个等长方形全景图的例子不起作用。这里，也不起作用。
唯一在这个设备上温和工作的东西是，令我惊讶的是，工作得最好！
所以这一切让我很困惑。平板电脑确实支持WebGL，但它的某些部分不起作用，就像画布几何全景图的例子，即使不是流动的和勉强的，但它支持它。
如何找出设备是否支持WebGL等矩形全景图示例？我正在寻找一种方法，以创造一个后备设备，如三星平板SM 230，在那里，我想使用CSS3D版本的等长线全景。
浏览 7提问于2016-01-27得票数 1
回答已采纳
1回答
我想用360视频播放器创建一个页面，所以当我点击play时，我需要能够移动视频并旋转360来查看所有内容。
所以我用HTML创建了视频源，并安装了来自npm的视频vr、视频player和vidoejs全景播放器。
<video id="videojs-panorama-player" class="video-js vjs-default-skin" crossorigin="anonymous" controls width="1000">
<source src="Ayutthaya.mp4
浏览 9提问于2020-05-15得票数 0
我试图在中放置一个等长方形的图像，只需在第一次看到相同的全景图，如下所示：
由于Panolens.js是Three.js的包装器，所以当我将图像放入上面的第一个链接时，我期望得到相同的结果。(拖放)-摄像机可以看到图像的中心。
相反，我得到的是:照相机可以看到全景图像中最左边的区域。
我用
panorama.addEventListener( 'enter-fade-start', function() {
viewer.getControl().target.set(10, -2, 0);
viewer.getControl
浏览 2提问于2020-11-02得票数 0
回答已采纳
1回答
是否有任何方法或技术来识别位图(png/jpeg)实际上是360度全景图像或普通图像。在C#或Three.js中，区分全景图像和普通图像的机制是什么？
浏览 0提问于2014-03-20得票数 6
1回答
为了给你一点背景，我有一个网站，以WordPress作为我的内容管理系统，它围绕着用户上传全景照片。该网站托管在一个小型亚马逊EC2实例上。在遇到几天明显缓慢的速度后，我决定解决这个问题。通过遵循几个速度诊断站点的建议(即启用浏览器缓存、gzip压缩和keep-alive)，我能够大幅提高我的分数，并比基本站点使用速度更快。不幸的是，该网站在上传文件时仍然非常慢，因为全景照片往往很大。当用户上传文件时，会用调整大小的全景图像创建一个新的帖子，一旦完成，用户就会被重定向到新的URL。有没有人有任何建议来加速这个过程？除了升级我的服务器之外，还有其他选择吗？
浏览 1提问于2013-07-17得票数 0
1回答
我正在校正WV-SFV481 (Panasonic)相机拍摄的全景(等矩形)格式的图像。 有关图像的示例，请参阅手册文件(第1.3- 2节全景)：https://bizpartner.panasonic.net/public/sites/all/modules/panasonic/mypdfurl/pdf.js/web/viewer.html?file=/public/system/files/files/fields/field_file/psd/2017/09/20/PGQP1885UAC1_WV-SFV481_OI_en_1505871868.0502.pdf 我已经使用棋盘图像(全景
浏览 24提问于2019-06-21得票数 1
我们想要创建一个银光查看器来查看全景球形图像(png，jpeg)。如何在VS2010的银光5中创建全景视图。作为谷歌自定义街景或在three.js中完成
浏览 1提问于2014-03-11得票数 0
我正在使用Hammer.js侦听元素上的水平平移。当deltaX达到阈值时，我想杀死当前的全景，强制执行“全景结束”，并在用户下一次尝试“全景开始”时恢复平移。
通读文档，现在这个库似乎还不太可能。有人知道解决方案吗？
var mc = new Hammer.Manager(@option_elm.get(0),
recognizers: [
[Hammer.Pan,{direction: Hammer.DIRECTION_HORIZONTAL}]
]
)
mc.on('panleft', fun
浏览 0提问于2014-12-03得票数 3
1回答
街景全景数据
、、
我已经看到Javascript API V3通过提供对街景全景数据的访问，
是否有官方API可以提供对可通过Web服务API访问街景数据的相同访问权限？街景图像API只允许您获取静态图像，我正在尝试获取实际的全景I和其他街景信息。
有一种方法可以通过方法访问此全景数据。我希望有一种方法可以通过我的node.js项目中的官方地图应用程序接口来检索这些数据。
浏览 6提问于2012-03-13得票数 3
1回答
我上传了一个街景与代码取自谷歌Apis。如果我点击远离我的位置或使用箭头的全景改变，我会避免这一点，那么有没有可能删除与其他全景的连接或获得一张全景照片来运行自己的谷歌视图？
代码很简单：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View containers</title>
<style>
html, body, #map-canvas {
浏览 1提问于2015-08-04得票数 0
有没有一个非常麻烦和廉价的方法来把我的AutoCAD 3D技术图纸转换成浏览器可以接受的格式，很可能，闪存？我想把3D绘图到一个网站，游客可以旋转他们与鼠标拖拽点击，嗯，就像谷歌的谷歌3D全景街景。
浏览 0提问于2012-05-04得票数 0
回答已采纳
我是一个初学者程序员，我对360全景摄影在three.js引擎( )上制作感兴趣。我分析了其他示例( )，我想问一下如何制作全景图中的白点，它允许您通过地图上的不同位置来查看下一个全景图。他是如何与sfere中的那个部分融合的呢？它与THREE.CSS3DRenderer有关吗？另外，如何使红色视图箭头(在迷你地图中)与全景图一起移动。这是如何精确地实现的，它是使用transform属性( css3 )这样的旋转操作，还是沿着相机旋转轴的一侧相机旋转工作。
提前谢谢你。
浏览 6提问于2015-04-13得票数 0
2回答
有人知道如何在three.js中创建360度摄像头吗？
我正在尝试将整个场景渲染为360度全景图，就像你使用go pro 360钻机一样。
我试图通过将几个屏幕排列成一个圆圈，并在所有屏幕上拉伸一个三个窗口来重新创建全景图。
为此，我需要一个非常宽的窗口，有一个tree.js摄像头，捕捉整个场景在360度
这个是可能的吗？
浏览 44提问于2017-02-03得票数 5
回答已采纳
我使用Actionscript已经有几年了。当时，我做了一个项目，模拟QTVR全景图(当时我使用Flash，你只能嵌入非常基本的mov文件)，只需在蒙版后面左右移动一个很长的扁平全景图像即可。效果还可以，但没有真正的pano那么好，因为透视太扭曲了。所以现在已经开发了Flash的几个迭代，我很好奇...
现在有没有办法更接近真正的QTVR？...or现在有可能嵌入真正的QTVR吗？
浏览 3提问于2008-09-22得票数 0
回答已采纳
有九个视频组成的全景视频，也就是3*3的模块，如何将3*3的视频 通过three.js 进行渲染
```
const geometry = new THREE.SphereGeometry(30, 16, 16, 0, 6.28, 3.14, 3.14);
const video1 = document.getElementById("videos1");
const video2 = document.getElementById("videos2");
浏览 222提问于2021-08-05
1回答
我知道OrbitControls.js有一个阻尼功能，它增加了全景图的平滑拖动，也被称为放松。我想实现相同的功能，但不使用这个库。原因是我需要减少使用的代码数量，并对鼠标或点击事件进行更严格的控制。
我已经建立了这个柱塞，以显示演示，我使用作为一个启动项目，我的全景视图。
在这个演示中，鼠标坐标转换为纬度/经度，这将调整相机的位置。这是来自three.js站点的最基本的、最小的全景图示例。
当我在玩来自OrbitControls.js ()的阻尼时，我无法得到同样流畅的行为--交互导致全景图跳来跳去：
if ( scope.enableDamping === true ) {
sph
浏览 0提问于2018-03-20得票数 10
回答已采纳
目前，我正在尝试下载谷歌360视图中的等矩形图片到一个图像文件中，以便我可以在虚拟引擎4中以虚拟现实的方式显示它们。我尝试过一些东西-
从构造的URL 请求全景图块。这最终返回一个文件找不到的错误，任何pano ID，而不是一个概述的例子。也许我用了错误的方法来获取全景图ID？我使用提取pano ID，并将其插入tileX = tileY =0的URL中，缩放级别为1，但没有效果。
我也尝试过，但是当我将它们显示在立方体的内部时，图像就不对齐了。
为了获取全景数据并将其保存下来，我一直在研究一个名为的工具，但是我对Node.js和服务器端JS的缺乏经验使得这是一个非常混乱、徒劳无功的尝试。我研
浏览 1提问于2017-10-18得票数 3
我想做一个180全景的外观/感觉与相同的控制和用户体验的脸书嵌入我的网站(基于WordPress)。
我的图片示例：
是否有任何推荐的插件或其他方式来制作/传输到我的网站？
我尝试了很少的WordPress插件或Javascript脚本，没有多少成功，UX是非常不同的，没有给我我想要的结果。
谢谢你，丹。
浏览 2提问于2017-12-27得票数 0
我正在寻找一个详细的教程或示例或良好的文档，如何将链接放置在一个等长线全景与Three.js。
有了，学习如何将圆圈或任何类型的物体放置在该图片的一部分中将是很棒的，当点击它时，它可以打开另一个等长方形全景图或任何真正的东西。
请问我需要什么技术来研究？我需要注意哪些依赖关系？像这样的东西我还需要什么其他的库？
我认为这是可以做到的，不需要使用一些昂贵的全景观众，所谓的“辣妹”。不，我想自己学习这个，以及如何自己编码。任何人都可以购买插件，但我想学习如何做到这一点。
因为我对Three.js非常陌生，我真的很喜欢它，我只是想要一些指点或者研究的东西。我不介意这是否需要时间和努力。没有痛苦，没有
浏览 4提问于2016-02-02得票数 4
1回答
有没有办法通过Flutter摄像头插件在Android和ios上启用摄像头的全景模式？找不到关于它的任何文档或代码(在源代码中也没有)。
是不是有什么计划？
谢谢
浏览 2提问于2019-07-25得票数 1
1回答
我有一个项目在three.js与WebGL360全景。我在支持deviceorientation和webgl的浏览器中显示了全景图，并为不支持它们的浏览器显示了一个静态图像。但我在Firefox (v43.0)上遇到了这个问题。如果我选中了对现代的设备定向支持
Modernizr.deviceorientation
它返回true，但如果我尝试
window.addEventListener('deviceorientation', setControls, true);
该事件永远不会被调用(仅在Firefox上)。
我该如何处理这个问题？
浏览 0提问于2015-12-22得票数 1
1回答
我试图把这张图片-- --作为我three.js场景中的全景背景。
我有以下代码：
var sphere = new THREE.SphereGeometry(200, 200, 32);
sphere.applyMatrix(new THREE.Matrix4().makeScale(-1, 1, 1));
var sphereMaterial = new THREE.MeshBasicMaterial();
sphereMaterial.map = THREE.ImageUtils.loadTexture(<path to above image>);
var spher
浏览 7提问于2016-04-21得票数 1
回答已采纳
我遇到了一种奇怪的现象，我想知道是否有人能回答为什么会发生这种情况。我一直在使用我创建的自定义jQuery幻灯片对一个摄影网站的图像进行大量操作，但遇到了一些问题。
我这里有一个画廊：
我一直在添加一些函数来调整这个图库中的图像的大小，以便它们可以缩放到预览图像的大小。正如你所看到的，最后一张图片是全景的，并没有填满div的整个高度，即使我有javascript告诉它调整大小。
如果你刷新页面，javascript似乎突然就能工作了，图片按其应有的比例缩放。
现在，尝试点击女孩的全景图片，我的幻灯片将出现，显示使用jQuery垂直缩放和居中的图像。下面的函数是用来处理点击图库中的小图像预览的。
浏览 0提问于2012-08-01得票数 1
回答已采纳
在我当前的项目中，我正在使用，这是一个用于浏览器的多分辨率全景图像查看器。您可以在全景图上添加可点击的热点，并定义在点击热点时执行的函数。
我想要执行的方法在require.js模块中，但是krpano库只调用附加到全局窗口对象的方法。
如何将方法从模块添加到窗口对象，以便仍然可以访问所有其他依赖模块？
我的应用程序由大量具有依赖关系的模块组成。
谢谢。
浏览 3提问于2014-08-21得票数 2
回答已采纳
1回答
我创建了一个引导子主题，并启用了显示套件。我启用了ds额外的字段，并为我的内容类型选择了一个布局，以供全景式显示。当转到我的内容的完整视图页面时，所有ds字段都不会显示。
我已启用标题，作者，张贴日期，提交，但这些都没有显示。有什么特别的事情，你必须做，让ds工作的次主题？
浏览 0提问于2016-12-13得票数 1
我正在尝试用Unity3D构建一个类似Photosphere的应用程序，并将其与Google cardboard一起使用。
我需要加载不同的全景照片，并能够通过使用纸板护目镜来立体地查看它们。
我有问题使用全景图像，并将其渲染为立体视图在Unity。
我们将非常感谢您提出的任何建议。
浏览 0提问于2015-06-10得票数 9
回答已采纳
2回答
我正在尝试修改PanoramaItem内容大小，使其没有边距，并拉伸整个屏幕的宽度/高度。到目前为止，我还没有幸运地尝试修改模板的副本。负边距可以处理左侧/顶部，但下一个全景项目总是从右侧边缘偷看，即使我设法拉伸了一个全景项目，下一个项目也会重叠在屏幕的右侧。
任何想法如何修改全景项目，使实际的全景项目采取整个屏幕(800x480)和后续的全景项目总是480px从前一个全景项目的左侧，以便您看不到下一个项目的一部分。
为什么要修改全景图？因为这个控件有内置的功能，可以完成我想让它做的所有事情(我正在构建一个支持轻击手势的全屏图片查看器)。我会简单地希望全景项目的是全屏的，然后把图像放在里面，取
浏览 2提问于2012-03-29得票数 3
回答已采纳
3回答
我开始使用windows phone7全景控件了。
我查看了visual studio中提供的全景项目模板，发现这两个全景项使用了相同的视图模型(实际上是来自模型的相同数据)。
它在现实世界的应用程序中是怎样的？我应该为每个全景项目最好使用一个视图模型，还是只有一个视图模型用于整个全景是最佳实践？
浏览 1提问于2011-05-15得票数 2
回答已采纳
我正在工作的应用程序中，我需要在全景打开设备摄像头，我正在为iOS和安卓这两个应用程序。因此，谁能告诉我，我怎么才能打开全屏设备摄像头在统一的所有设备安卓和iPhone。这将对我有很大的帮助。提前谢谢。
浏览 4提问于2012-12-31得票数 6
回答已采纳
街景图像API (如 )提供特定位置的静态图像。但是，它不接受加载特定全景图的全景ID参数。
最近对Google的街景图像的添加“不在地图上”，只能通过全景id ( panoid参数)访问，比如或。如果您从URL中移除泛型，那么。相比较而言，这个不需要面板来加载街景全景图。
在通过API加载这些全景图时，也会看到同样的行为。对泛型体有以下几点看法：
返回街景全景图的当前全景ID。此id仅在浏览器当前会话中是稳定的。
然而，如上文所示，与猴子的全景id并没有绑定到当前的会话。
我的问题是谷歌街景图像API不接受全景，所以我无法找到一个静态的猴子图像。可以工作，但是我得到的是的“没有图像”
浏览 3提问于2012-07-18得票数 5
1回答
如何正确使用单应矩阵？
、、、、
所以我有一张图片，和一张全景图片。来自image1的像素使用单应矩阵映射到全景图(正确吗？)。我有单应矩阵H。
那么，对于全景图中的每个像素，我如何知道该像素在image1中的位置呢
我有全景图中像素的(u，v)坐标，这是一个将image1映射到全景图的Homography H。
公式是什么？
浏览 2提问于2012-10-05得票数 3
回答已采纳
1回答
我有一个多个全景项目的全景视图。在其中一个全景项目中，我在ScrollViewer中有一个网格。网格的宽度太大了。
问题是，如果用户滑动全景视图并更改全景项，那么滚动查看器实际上应该水平滚动(直到网格结束)。
但是，如果用户滑动得非常慢，全景视图就不会被触发，只会发生滚动。这就是我们想要的行为。
非常感谢
浏览 5提问于2014-12-04得票数 0
回答已采纳
我有一个全景页与两个全景项目，并希望包括一个画布内的第二个全景项目。因此，当我这样做时，我得到了画布中第一个全景项目的溢出。因为它应该制作成大约需要一页半的时间。因此，它应该是两个半全景页面，包含两个项目，一个是全景项目，另一个是画布项目。
浏览 1提问于2012-06-12得票数 0
回答已采纳
我正在使用three.js css3d全景图，并且我希望在加载时停止动画。我想要一个静态全景加载，它只移动抛出用户的行动。我该怎么做呢？
我使用的代码与示例中的代码相同
function animate() {
requestAnimationFrame(animate);
lon += 0.1;
lat = Math.max( - 85, Math.min( 85, lat ) );
phi = THREE.Math.degToRad( 90 - lat );
theta = THREE.Math.degToRad( lon );
ta
浏览 1提问于2015-05-05得票数 0
我已经在JavaScript文件(index.js)中更新了一个函数。index.js是自动生成的(每次我创建新的全景场景时)。我希望能够将更新后的函数放在一个新文件(custom_functions.js)中，并在index.html中添加一行以包含此.js。
<script src="js/data.js"></script>
<script src="../vendor/index.js"></script>
<script src="js/custom_functions.js">
浏览 2提问于2018-12-04得票数 1
是否有一种方法来请求主干道Google StreetView全景数据，而不是对给定位置(纬度/经度)的后巷全景数据？
我正在使用Google API从我们的用户提供的家庭地址中检索街景全景图。它对我尝试过的大多数地址都很有效，但我注意到加州的许多房产也有后巷的街景，API接缝会不断地返回后巷全景图，而不是主干道(房产前)全景图。
我不想向用户展示他们家的后巷全景，而是主干道全景图。如果我在maps.google.com上查找相同的地址，我就会看到房子的前面，但是当我通过API请求相同的地址时，我就得到了后面的小巷。
当前使用的进程是：
地码地址
获取给定地理代码位置的全景图(lat/l
浏览 1提问于2015-07-02得票数 6
回答已采纳
我对c#和windows编程很陌生，我正在开发一个应用程序，在这个应用程序中，我想为每个全景项目显示不同的消息框，我知道如何为支点项目触发事件，但我被这个全景项目事件困住了。
要求：
最初，全景项目应该在消息框中显示“一”，而在滑动到第二全景项目时，则应该在消息框中显示“二”。
浏览 3提问于2014-03-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
