KRpano+全景VR
VRlook
这个作者很懒,什么都没留下…
展开
-
krpano教程 - krpano中嵌入html页面,实现点击弹出html网页iframe窗口
krpano教程 - krpano中嵌入html页面,实现点击弹出html网页iframe窗口 这是krpano 1.19 版本之后的新扩展,就是可将html页面(iframe)作为热点放到3D空间中。你可以如封面那样放入一个youku的embed视频,或者像下图那样直接放入一个html页面。因为这个就是一个可以变形的iframe。要做到这种效果,需要哪些条件呢?基础代码:首...原创 2019-11-15 23:59:40 · 5525 阅读 · 1 评论 -
krpano教程 - 制作krpano项目启动画面
1、主logo启动说明 krpano项目启动画面是全景漫游中很抢眼球的一个环节,在视觉为先的时代,优秀的启动画面可能比好的导航还能加分。今天我们就来讲讲如何添加启动画面。首先告诉大家官方案例的位置。下面是在线观看官方案例。如果你下载了krpano安装包,其位置就在krpano 1.18.6。官方案例位置:/examples/xml-usage/introimage/introimage.ht...转载 2019-11-15 20:20:34 · 2076 阅读 · 0 评论 -
krpano和js怎样互通代码。krpano调用外部JS
1、js引用全景的xml文件,通过访问html打开全景<div id="pano" style="width:100%;height:100%;position: absolute;z-index:9;top:0px;"> <noscript><table style="width:100%;height:100%;"><tr style="ver...原创 2019-11-15 18:06:01 · 1248 阅读 · 1 评论 -
Krpano教程:kepano全景信息框的显示与关闭textfield插件的使用
Krpano教程:kepano全景信息框的显示与关闭textfield插件的使用。以下代码全部都写在<scene></scene>里面<!-- 文本框的属性 textfield.swf是文字插件,首先要让文本框的图层不可显示 --><layer name="hotspot_pos_info" url="%SWFPATH%/plugins/text...原创 2019-11-15 17:59:38 · 1363 阅读 · 0 评论 -
krpano1.20 - 深度图支持,深度图建模
什么是深度图?深度图通常是图像,其中像素颜色(通常是灰度)定义到特定表面的距离(或“深度”)。此处以球面全景图像为例,再加上相关的球面深度图图像-深度图图像中的灰色调越深,离表面越远:krpano1.20 - 深度图支持,深度图建模为什么选择深度图?知道像素的深度可以从图像生成新的视点。这意味着从与原始拍摄位置不同的相机位置查看图像。这可以做很多好事:...原创 2019-11-14 22:54:33 · 3809 阅读 · 7 评论 -
krpano教程 - 使用HTML元素作为krpano启动画面
krpano启动画面的内容,通常会在krpano代码内设计一个layer元素,且全屏覆盖在全景之上。当全景图加载完成或预览图加载完成时,则移除layer元素(让layer的visible为false,或者将其坐标位置设置到屏幕外)。 问题是,有时候加载krpano viewer文件(tour.js)以及分析krpano xml这个时间也比较长,导致该layer元素出现的时机较晚,没有...原创 2019-11-14 21:45:58 · 1866 阅读 · 0 评论 -
krpano教程之字幕添加,配合语音解说滚动字幕
目录说明:原理:效果截图:步骤及原理:说明: krpano字幕是指介绍语音的字幕,字幕随着语音的播放而滚动,随语音暂停而暂停。字幕添加的前提是用之前的方法添加过介绍语音。原理: 字幕层在溢出隐藏的父元素中向右滑动,当点击声音控制按钮时,字幕位置被固定,再次点击时继续右滑。效果截图:krpano滚动字幕添加 - 参考 91拓客...原创 2019-11-12 12:20:19 · 1495 阅读 · 1 评论 -
【KRpano360全景教程 】 - krpano地图导航radar插件的使用
1、krpano地图导航效果: 点击地图按钮时,小地图移入,再次点击时移出。 地图上显示表示场景位置的坐标点,和可控制场景观看方向的雷达区。2、krpano地图导航插件: radar.js(plugins) radar.swf(plugins)3、用到的图片素材: 1.地图开关按钮 2.场景小地图 3.雷达标点的选中和未选中两张图4、krpan...原创 2019-11-12 11:26:43 · 4108 阅读 · 1 评论 -
krpano教程 - 使用外部JS来控制背景音乐开关。
krpano教程 - 使用外部JS来控制背景音乐开关。<plugin name=″snd″ url=″soundonoff.png″ align=″leftbottom″ x=″10″ y=″10″ alpha=″0.25″ scale=″0.5″ onover=″tween(alpha,1);″ onout=″tween(alpha,0.25);″crop=″0|0|50|50″...原创 2019-11-11 21:35:43 · 685 阅读 · 0 评论 -
krpano 热点热区多点图片鼠标快速定位polygonal插件
在与tour.xml同级目录下创建polyPosition.xml文件。然后直接把polyPosition.xml插件引入tour.xml文件即可。即在tour.xml中<krpano>标签的第二行写入<include url="polyPosition.xml" />polyPosition.xml插件代码如下:<krpano> &l...转载 2019-10-19 19:28:46 · 696 阅读 · 0 评论 -
krpano教程:Sound Interface声音插件中文说明
插件说明:声音插件可以让krpano增加声音、音乐和在xml文件中对声音进行控制. 插件必须一次加载全部音乐,没缓存加载. 通过插件动作控制声音播放和停止. HTML5 / iOS (iPhone/iPad) 不定一定可以播放mp3和mp4文件,可以用ogg或wav文件同时加载保证播放成功.语法:<plugin name="soundinterface" ur...原创 2019-08-16 04:49:07 · 1897 阅读 · 0 评论 -
krpano教程:Videoplayer插件中文说明
插件说明:用于插入视频到全景中的功能插件 通过<layer>插入视频, 通过 <hotspot>插入视频, 作为全景视频,设置<image>为全景视频参数.语法:1、普通layer形式插入视频: <layer name="video" url.flash="videoplayer.swf" url.html5...转载 2019-08-16 04:45:24 · 5242 阅读 · 6 评论 -
krpano(HTML5 viewer)中使用自定义字体样式
通常设备内置的字体是有限的,而且往往也不是我们想要的效果。我们需要也希望能够在krpano中(HTML5内核下)使用自定义的字体样式。下面是演示效果,一个是自定义的中文字体一个是英文字体。krpano(HTML5 viewer)中使用自定义字体样式第一步:下载字体假设我们想要安卓字体Roboto Regular。点连接下载字体。我们将字体压缩包解压,将TFF文件放在我们的项目...转载 2019-08-25 15:59:20 · 828 阅读 · 0 评论 -
krpano调用js方法并传参、在krpano中用JS实现视频音频播放
Krpano中的action可以调用javascript中写好的函数。根据krpano调用js的方法,就可以用krpano调用js,然后用js写视频和音频。顺序是在js文件中写好要实现的功能(我的js文件名称为action.js),然后在krpano生成的tour.html中引入这个写好的js文件,最后在krpano生成的tour.xml文件中需要的地方调用js中对应的函数(我的有两个函数,P...原创 2019-08-11 22:09:21 · 1252 阅读 · 0 评论 -
krpano 全景漫游场景转换模式
krpano有几种场景切换方法这里总结一下loadpano(xmlpath, vars*, flags*, blend*) //切换xml文件场景loadxml(xmlstring, vars*, flags*, blend*)//切换到动态场景loadscene(scenename, vars*, flags*, blend*)//切换同页面scene场景openurl() //打开...原创 2019-08-11 21:27:42 · 1441 阅读 · 0 评论 -
krpano 热点显示文字 hotspot的两种方法。
krpano里面有时候需要一个热点显示文字。现在学会两种显示方式:1 鼠标移入显示<hotspot name="h3_x" onhover="showtext(提示文字,STYLE12);" onclick="openurl('http://www.ibixue.com',_blank)" alpha="0" > <point ath="-12" at...原创 2019-08-11 20:51:45 · 6677 阅读 · 4 评论 -
krpano让场景开始即展示图片,10秒后自动隐藏
krpano每个场景开始时都显示一张图片在正中央,然后图片在10秒后自动消失或用户可以自行点击图片隐藏。解决方案:为了让所显示的图片的自适应屏幕尺寸,首先在tour.xml插入下面的代码(不要放在scene标签内):<action name="picture_resize"> <!-- 使用屏幕宽度或高度的百分之九十 --> div(aspect, l...原创 2019-08-15 00:02:12 · 890 阅读 · 0 评论 -
KRPANO - 点击按钮关闭全部场景的语音解说
KRPANO - 点击按钮关闭全部场景的语音解说stopallsounds(globalstop*)停止播放全部声音globalstop= true或false,默认false (*可选)默认下,在插件下播放的声音会停止,但通常会连同flash的声音也会一同停止,例如视频中的声音。...原创 2019-08-14 23:49:30 · 663 阅读 · 0 评论 -
krpano360全景 - 音乐控制(关闭暂停打开恢复)
1、引入声音控件在tour.xml加入导入插件代码<plugin name="soundinterface" url="%SWFPATH%/plugins/soundinterface.swf" alturl="%SWFPATH%/plugins/soundinterface.js" rootpath="" prelo...原创 2019-09-19 17:07:12 · 1509 阅读 · 0 评论 -
krpano 全景视频,其UC和一部分浏览器播放并不起到作用,ios上面视频弹出播放,安卓上面黑屏播放,不支持,求解决方式
这里会用到:videoplayer插件完全解析解决安卓微信、QQ全景视频播放的视频插件,替换即可。下载第三方插件的文件 :myvideoplayer.js/** * @return {[type]} [description] */var krpanoplugin = function() { function R(a) { return "boolean" =...原创 2019-08-14 23:47:20 · 1275 阅读 · 0 评论 -
krpano 视频及音频热点的添加与控制
背景音乐的播放:1、插件引用<plugin name="soundinterface" url="%SWFPATH%/plugins/soundinterface.swf" alturl="%SWFPATH%/plugins/soundinterface.js" rootpath="" preload="...原创 2019-08-12 12:08:08 · 2032 阅读 · 4 评论 -
krpano教程--控制热点跳转到场景的指定视角
有这么一种情况,假设我们用三个场景,这三个场景恰好是一条街道的同一方向的三个拍摄点。如上图。我们可以通过设置A、B、C三个场景中的view元素中的hlookat属性,实现了从A到B、从B到C保持同一个方向。假设我们的图是左东右西的方向。那我们站在A点面向B的方向,我们会看到链接到B的热点,当我们点击该热点时,初始视角应该还是面向东方,也就是能看到更远处的链接到C的热点。简单来说,保持了方位的统...原创 2019-08-12 12:32:01 · 2639 阅读 · 0 评论 -
krpano教程 - display 标签中文说明
krpano教程 - display 标签中文说明: VR全景制作flash状态下显示质量设置<display fps="60" flash播放时渲染的帧数/秒,默认为60(30-100) details="24" 三维渲染的内容细节,默认24 tessmode="-1" 渲染排列模式,...原创 2018-05-17 20:16:25 · 505 阅读 · 0 评论 -
Krpano使用Javascript Html5 Plugin 方法编写Krpano一键导览功能
1. 最终实现效果如下Krpano一键导览功能2、样式表.tour-wapper { pointer-events: none;}.tour-text-wapper { width: 100%; height: 80px;}.tour-wapper .tour-text { line-height: 80px; background:...转载 2019-09-23 17:49:51 · 1455 阅读 · 2 评论 -
krpano教程 -look参数 loadscene,looktohotspot,lookto,zoomto 跳转过渡场景介绍
krpano教程 -look参数 loadscene,looktohotspot,lookto,zoomto 跳转过渡场景介绍loadscene :跳转热点 - 过渡效果,就是切换scene时,两个scene之间的过渡效果。loadscene(name,null,第三参数,第四参数) 第一参数:定义名称name = 名称可以是编号 第二参数:载入附带参数(如果没...转载 2019-09-21 17:13:44 · 1747 阅读 · 0 评论 -
Krpano全景:在javascript中动态添加/删除/修改(位置)热点(向后端写入)
目录接下来看在JS中的方法:1.手动添加热点(点击图上添加点)2.查找热点3.修改热点4.删除热点其他方法作为管理员,在管理全景时会涉及到各个标签的操作,本篇文章介绍在JS中对热点的操作,其数据可传到后端并写入数据库。首先先给一个在xml文件中的动态热点添加的方法,下面的代码直接把两个url图片换了就可以直接看效果:<hotspot name="mark...转载 2019-09-21 14:36:10 · 3152 阅读 · 1 评论 -
关于浏览器flash插件遇到的一些坑
在krpano开发的时候总会跟浏览器和flash打交道。网络收集整理一些遇到的坑。如果没安装好flash插件,将导致krpano软件自带的热点编辑器无法使用,例如热点添加、图片热点、视频热点、多边形热点都无法正常添加,小编建议您可以尝试以下步骤进行处理。1、更换浏览器,使用谷歌或火狐浏览器尝试。2、重装flash插件,后重启浏览器或重启电脑再试,请参考:flash浏览器插件官方下载...原创 2019-09-21 12:42:51 · 1174 阅读 · 0 评论 -
Krpano全景制作中,无法显示多边形/图形热点编辑器editor的解决办法
在krpano制作全景时,我们有时候会用到多边形选区。遇到过多边形选区不显示的问题。这多数是Flash导致的。下面整理了一些解决办法。1、首先我们是在代码中插入编辑器插件,准备编辑多边形热点或图片视频热点,但是发现编辑器没出现在网页中。<plugin url="%SWFPATH%/plugins/editor.swf" keep="true"/>2、我们应该检查一...转载 2019-09-21 12:23:32 · 1461 阅读 · 0 评论 -
KRpano:同一全景漫游场景下全局声音与多场景声音的添加
需求:背景音乐需要一直播放,无论切换场景与否,同时循环播放。另外每个场景都有自己的声音(解说词)。解决方案:<pre name="code" class="html"><krpano onstart="playsound(bg, backgroundmusic.mp3,0); loadscene(scene1,null,MERGE);"><plugin...原创 2019-08-22 16:57:23 · 1595 阅读 · 0 评论 -
krpano教程:背景音乐的添加与控制
步骤如下:1.添加音乐控制插件 <!-- START:音乐控制 --> <plugin name="soundinterface" url="%SWFPATH%/plugins/soundinterface.swf" alturl="%SWFPATH%/plugins/soundinterface.js" rootpath="" preload="true" k...原创 2019-08-22 16:54:48 · 2408 阅读 · 0 评论 -
Krpano中嵌入html页面
krpano 1.19版本的新技能,就是可将html页面(iframe)作为热点放到3D空间中。你可以如封面那样放入一个youku的embed视频,或者像下图那样直接放入一个html页面。因为这个就是一个可以变形的iframe。基础代码:首先你必须使用krpano 1.19,目前最新版本的是krpano 1.19 pr6。尽管这个是一个预览版,但据klaus所说,这个预览版已经相当...原创 2019-08-12 17:07:59 · 2731 阅读 · 4 评论 -
Krpano中文初级教程 :初学者全面透析KRpano各个文件及标签
Krpano 可以方便快速的构建306VR全景漫游场景或全景视频。本篇文章使用的版本为:krpano 1.19-pr16 (build 2018-04-04),操作系统为Windows。目录——Krpano 功能简介Krpano 功能简介目录:MAKE PANO (NORMAL)MAKE PANO (MULTIRES)MAKE PANO (FLAT)MAKE...原创 2019-08-14 15:25:06 · 9448 阅读 · 6 评论 -
Krpano - XML文件所有标签中文说明
Krpano功能介绍 : Krpano viewer的主程序所使用的XML文件十分简洁.默认情况下仅可以做到场景的载入。其他所有功能,都以插件的形式实现.而每个插件.既可以在自己的XML文件进行配置。 然后供主程序XML文件调用.也可以在主程序的XML文件中直接[<plugin>标签引入并进行配置。这样做的好处就是功能明确,结构清晰,便于扩展,利于维护。K...原创 2019-08-13 22:29:57 · 915 阅读 · 0 评论 -
Krpano 插入视频/音频 及action判断的用法示例
Krpano视频控制:<hotspot name="videospot" url="%SWFPATH%/plugins/videoplayer.swf" alturl="%SWFPATH%/plugins/videoplayer.js" videourl="%SWFPATH%/image/video.flv|%SWFPATH%/image/video.m4...原创 2019-08-13 22:26:34 · 1427 阅读 · 0 评论 -
krpano教程 - contextmenu右键菜单标签中文说明
krpano教程 - contextmenu右键菜单标签中文说明 : 360全景制作 www.pikvr.com原创 2018-05-18 10:59:25 · 633 阅读 · 0 评论 -
krpano教程 - autorotate自动旋转标签中文说明
krpano教程 - autorotate自动旋转标签中文说明<autorotate enabled="false" 是否开启自动旋转 waittime="1.5" 用户不对屏幕操作后,开始自动旋转的等待秒数 accel="1.0" 旋转扭曲的速度:角度/秒 speed="10....原创 2019-10-09 23:27:08 · 685 阅读 · 0 评论 -
krpano教程 - events事件标签中文说明
krpano教程 - events事件标签中文说明:<events onenterfullscreen="" 切换到全屏显示执行 onexitfullscreen="" 从全屏切换回普通视图时执行 onxmlcomplete="" XML文件加载完成时执行 onpreview...原创 2018-05-17 20:13:58 · 1093 阅读 · 0 评论 -
krpano教程 - control标签中文说明
krpano教程 - control标签中文说明:全景网原创 2018-05-17 20:02:15 · 564 阅读 · 0 评论 -
krpano教程 - view标签中文说明
krpano教程 - view标签中文说明:<view hlookat="0.0" 水平视角 -180 至 180 之间 vlookat="0.0" 垂直视角 -90 至 90 之间 camroll="0.0" 镜头旋转视角 fovtype="VFOV" 定义视场角类型•vfov -垂直视场,基于屏幕的高度...原创 2018-05-17 19:00:56 · 1617 阅读 · 0 评论 -
krpano - hotspot标签中文说明热(热点设置)
krpano - hotspot标签中文说明热(热点设置)。普通热点:<hotspot name="..." 定义热点名称 type="image" 定义热点类型,只能是image url="..." 热点图像路径,支持SWF, JPG, PNG, GIF ...原创 2018-05-17 18:33:57 · 5814 阅读 · 0 评论