手把手教你三维全景转换HTML5格式并安装到IPAD

  [复制链接]
查看108789 | 回复63 | 2012-6-28 18:00:40 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
HTML 5 有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集。HTML5技术相对于flash插件优势就是,更清晰,更流畅,对CPU的占用更低,目前苹果的IOS系统比如IPHONE,IPAD不支持flash,而我们某些三维全景输出格式以flash格式居多,那如何让苹果系统运行他呢?今天手把手教你如何转换成HTML5格式,并把他们完全安装到IPAD上.
$ }$ e1 i% F6 k) G; A       1.打开我们常见的PXX软件:
7 D! ?0 Q- C6 h3 h$ C$ [. Z$ ]
6 w  P  L( i  O  N# w8 M 01.jpg $ ]) x4 y3 @; N8 f: W: |
% f/ n3 s4 Z" m5 S" j; e, M

2 i) U) u& N% [+ V" ~   2.进入参数设置页面:首先建立一个HTML5文件存放的目录,我的是F盘下面HTML5文件夹
0 j5 y. ~7 m8 u4 Z. m# @3 s; q8 ^# a& M
02.jpg   选择保存到你创建的目录.
  o+ Z6 o3 o) l, V 7 j0 N1 N! l- K. r* q# K
   3. 然后设置HTML选项,(图三)( \4 O6 O; I8 s1 A# a0 Z% s  c

; p$ N4 l& ~) Y  w8 m$ u+ S( L 03.jpg   把输出文件选在创建的文件夹./ i6 F+ a: G/ [, Y9 l& T  y8 H
   
. c8 Q; p! E4 N5 J  Q5 N8 _* }  {( W( L7 [    4.好了,设置OK,确定后开始创建吧!进度条完成后打开HTML5目录.可以看到这些内容
0 Y" T1 Z- @+ o, B/ Q' }$ c3 k/ _! [
+ [% l8 i# X3 @+ b/ ]3 h& U 04.jpg  
6 W0 }$ j! z4 R* q& O
  ~% }& V4 j! T, N% v你可以运行INDEX.HTML文件了,如果不出意外的话可以看到你的全景,提示错误的话,用火狐或谷歌浏览器打开,或者升级这个PXX软件到最新版.
7 O* v& k( ]0 J6 ~' W% `: N3 Q8 \. @/ ]8 @这是IMAGES的内容
" h4 K5 c0 n: \0 J
6 @/ T  U, L% r. y+ z+ g    05.jpg
( Y$ X. T2 a* x    ' c' v+ v1 R8 h5 r4 x3 `, l! N
   6.如果一组漫游的话,同样方法,载入工程文件如图示
. g6 t6 G* Y6 m0 F% V$ B5 g1 f# _: V; w8 F; y& L! W
06.jpg
, z. P+ D5 p' V+ @% U- J) w4 @
* }% x) H. c5 {    7. html选项卡可以什么都不选择
6 I% A; Z; N: q& V- {. x& K/ b+ h/ v. x, \' D. U' v  w
07.jpg
$ ]$ g+ ~3 w7 a( g2 z, H% Y1 r9 Z% d
好了,其它场景就照6,7步操作.看到全部场景转换后HTML5目录有些什么文件
, O3 b; M3 M, w! W# a% l8 M7 f9 H* f7 K+ M& _  ?' N
7-1.jpg
$ \* Y( I) q- C* p
! f& C, X- _. O  N4 S# `好的,你运行INDEX.HTML是不是可以成功漫游了?0 Z. P0 q7 d: L) d2 Z, U
5 g2 S+ t# S$ G. z% `5 s- g8 O
   8. 你可以把html5这个文件夹放你到服务器,这样IPAD可以打开这个全景了,比如我的是:7 J" p  K0 f, a, I
     http://www.nbvr.cn/html5  有的朋友要问了,不是说要教我们把全景放到IPAD里面,脱机运行吗?各位可以把这些文件打包发给本人,将这些文件以苹果标准安装格式进行封装.将封装后的安装包发给你,再通过ITUNES或手机助手911进行安装.本人QQ:11374573 或627641683 宁波创新全景,网址 www.nbvr.cn   联系电话:13777115143 陈先生.OK,码了这么多字请让我宣传一下自己.我把封装好的IPA文件发给你以后,将IPAD联入电脑,并装好同步软件 ITUNES,一切就绪以后让我们迎接激动人心的一刻吧!可以把安装包拖到桌面.如图" s+ a$ r9 v7 N% K/ _
. B2 s9 \9 l! K9 b! P3 F3 [  d- V
08.jpg 7 `3 y- }, T$ l" V; U# B
; {' x1 b- S$ n  y
   9. 联机正确以后,在设备中会有你的IPAD,选到应用程序一项.如图操作以后,点应用
, b) r$ }8 w# D# j' K) M. n
: |9 Z9 o5 L- V! J$ y8 m, L9 G 09.jpg
: r' X0 n. k* ^/ |0 k4 j! H, c8 e, \' W% b, Z6 [4 l! ?- g
    10,在传输的过程中,你可以开启IPAD,能看到安装进程.
* o1 ?' M' l1 W5 |- m  E, o- w
6 c  h/ P( V2 z8 L2 K/ T  e  ` 10.jpg
. v/ ~& n8 Y1 i0 v, R+ K* q0 G/ _  9 L0 l7 a. ]- x2 x2 u
    好了,到这里已经全部完成,你点击新建立的图标,就可以运行你的全景了.这里提供一个单场景的IPA安装包供大家试用.0 Q7 L2 b, E5 S, y# D
    http://115.com/file/bea3lfg9#
) p8 v* k2 M7 b1 ~     宁波创新全景ipad专用.ipa
* W- E$ f$ e7 j$ \* }/ |: S  i3 n, I4 Q; U! F2 M0 j( T/ u, ^9 y
宁波创新全景 | 2014-6-5 22:44:55 | 显示全部楼层
大家好:开贴以来有很多朋友加QQ询问如何将全景安装到IPAD上,我这里一并做回复:第一步先按我教程的方法将全景生成HTML5格式,测试方法是将全景放到网站上,用手机或平板打开访问,如果运行正常,一切功能能实现,说明HTML5生成是正确的。第二步:把全景安装到苹果设备上,(IPHONE,IPAD,ITOUCH),原生的标准的方法是打包成IPA格式的安装包,当然还有其它方法安装到到IPAD,我不作讨论。请自行研究。打包成IPA需要交我由来完成。封装完成的IPA,可以通过91助手,ITOOLS等软件通过电脑与手机,平板连接,完美安装到苹果设备上。设备分越狱和未越狱两种:越狱版的IPA,只能装到越狱的设备上,没有安装使用期限限制。如果设备未越狱,只能用标准的IPA来安装,这种安装包只能在一年内有效,超过一年需要重新打包。
BH7NLJ | 2014-7-28 19:01:52 | 显示全部楼层
本帖最后由 BH7NLJ 于 2014-7-28 20:06 编辑
5 n  B' P2 k3 j& u" \. E/ r5 X" O9 {5 J; l
自从玩了全景或矩阵以后,一直都有人问我,能不能下载回来看?
2 H  Q$ x, G4 t3 ^" C' V  B; U我的回答是,没有必要下,) d! x1 }6 c) k6 a. x4 L
第一,几MB或几GB的文件,你下载回来在本机看不一定有在网上看来得顺畅,为什么呢?因为多数人的电脑配置并不高,仅2GB内存,还要跑WIN7,WIN8什么的,跑XP都卡得不行。而在网上看是经过深度缩放技术处理的,只要有网络,一切都变得那么畅顺。
5 l% t! r, b0 A3 `8 \4 }第二,下载回来看这种观念是一种比较原始又落后的观念,你想想,如果一个矩阵图有几十个GB,有几个ipad可以装得下?你可能会认为,如果拿出去给别人观看或展示时比较方便,那么我要说,要接受你展示的人必须有网络意识和条件,否则你也没有必要向其展示了。现在哪找不到网络呢?偏远的山区可能没有,那个地方的人需要看你的展示吗?
! ]* g- |! w6 W' Y+ i第三,萍果之所以设计成没有文件管理这个功能,初衷及概念都是建立在网络的基础上的,打包成一个个app并非最佳手段,只在必须时才有必要做成app(什么叫必须?浏览器做不到的事情才有需要做成app,大家可知道为什么各网络公司都有设计自己的app?比如视频网站或证券公司,有一家就得安装一个app,需要吗?真不需要!就一个视频或行情数据,充其量就是一段视频或一个二维表,浏览器完全可以轻松表现,可为什么都喜欢app呢?那是为了推介自己的广告,获取你个人资料等用途而已)。app必须经过萍果公司认证才能安装到萍果设备上是为了设备的安全可靠。否则,一个ipad空间再大也是有限的,几百上千的app安装在ipad里是个什么概念?这就是微软与萍果或安卓的区别,微软系统的电脑越用越慢,越用越臃肿,最后不得不重装系统,而萍果或安卓不是这样设计的,只装必须的软件app,其他功能尽量用浏览器去网上解决。萍果比安卓做得更好的就是认证这一关。
$ u; p  Z& v; T6 ^3 g7 k# B所以我认为,这方法虽可行,但不可取!为什么非要让自己的ipad背负沉重的负担呢?特别是什么微博之类的,上微博其实就是上网页,何必非要整个app呢?一个微博控我不知道会上多少个网站的微博?但如果上到20个以上,这人已经极难分清什么话在哪儿说了。相信大家都用过微信,聊天、贴图、语音、图像、浏览网页等等功能都有,其实就是浏览器的功能。微信虽是一个app,但其实质就是内嵌了一个浏览器而已。为什么这么说呢?大家知道微信还有个网页版吗?app只不过是把网页版聊天与其他网页版的东西集成在一起了,因此你才可以在聊天的同时打打飞机什么的。所以微信就是一个必须的app!而微博在不久的将来就可能消失了。
6 ^3 R7 o  k* u: |  x% l; y
BH7NLJ | 2014-7-28 19:44:13 | 显示全部楼层
本帖最后由 BH7NLJ 于 2014-7-28 20:12 编辑 ) o- K' |: S* T& z6 Q

) l4 |- i  b  \8 Z: R$ C说起来,这就象过去的中文网址一样,设计中文网址这种寻址方式的人初衷是好的,但就是太书生气了。目的是让更多的不懂英文的中国人能够很方便地访问网络,试想想,一个对着键盘都不能输入英文的人,能输入中文吗?这不是多此一举吗?更不可接受的是,这是中科院设计的“app”,硬是用国家政策把3721打了个满地找牙。可惜3721倒下后从良了,现在还有多少人知道或使用中文网址?
% N# l- r: p1 f' H另一个例子,谷歌的崛起及雅虎的萎缩,也是观念上的不同造成的。雅虎曾经是互联网上第一个也是最大的搜索引擎,可是雅虎的方式是分类搜索,且是网站所有人申请后才能进入搜索引擎。这对一个有分类意识的人这不是难事,但对于大多数没有接受过这种教育的人来说,在雅虎上搜索很难找到自己需要的东西。自从谷歌出现后,这种旧观念被打破了,谷歌只需要一个关键词,就能找到需要的东西。谷歌也不需要自己去申请,只要你按照W3C的约定设计网页,快的几天,长的也就三个月,保证可以在谷歌搜索引擎里找到你的网站。雅虎的失败是被自己的观念打败了而不是被技术打败了。谷歌从一个简单的搜索引擎衍生出了众多的产品,连字处理,电子表格处理,幻灯片处理都做到了浏览器里,现在正在用安卓逐步蚕食微软的地盘。这就是网络观念的区别。
0 D* F8 n. p8 f5 e现在在大排档吃个饭也有WIFI提供了,房产中介没事的时候,人人都在低头玩手机,公交、地铁也如此,还有多少人没有网络呢?以后就是一个网络的世界,出门,回家,听,视,做饭都靠网络,说不定上个厕所都离不开网络。很难想象,以后没有网络会怎么样?会不会与现在没有电一样?
- V& L& H* b4 n8 }" N  J! \+ |: W, ?0 a

1 s: `+ m, T; e
/ n) M" D) \2 u/ z+ T% U
以德服人 | 2012-6-28 20:10:17 | 显示全部楼层
学习
杭州杰图数码 | 2012-6-28 21:48:15 | 显示全部楼层
不错啊
舂兲dě洸眀 | 2012-6-28 23:03:02 | 显示全部楼层
这个很好,我想知道是怎么封装ipa格式的吗?请您讲解详细一点好嘛
simzine | 2012-6-29 09:20:19 | 显示全部楼层
最终的封装成app的 方法很多 百度下就可以
阎涛 | 2012-6-29 11:49:16 | 显示全部楼层
guonaldo | 2012-6-29 12:35:54 | 显示全部楼层
xsi007 | 2012-6-29 14:01:20 | 显示全部楼层
很好的思路。拍摄硬件晾一下!
鱼眼龙 | 2012-6-29 23:43:45 | 显示全部楼层
我没有 iPad。) I9 b9 C# ]* F. p: _# V4 A4 j
不过,要是能这么玩,倒是要考虑买一个了。
9 }/ k6 o! l& v+ v% M( N3 b
2 p: c( i: M: T  p. a做个记号,有了 iPad再回来看。
宁波创新全景 | 2012-7-1 10:25:15 | 显示全部楼层
感谢管理员加精鼓励
宁波创新全景 | 2012-7-1 20:37:43 来自手机 | 显示全部楼层
机器越了吗3 B8 I; S3 `- B- J6 O

$ a, k7 ]4 d+ k& B+ m 3 \- y) g9 s5 }" [6 t
木子 | 2012-7-1 21:35:40 | 显示全部楼层
必须越狱
大美溪北 | 2012-7-2 14:18:59 | 显示全部楼层
呵呵,小学生看大学教材,还得阵子练呢。
宁波创新全景 | 2012-7-3 09:34:30 | 显示全部楼层
补充几点:第一次升级,一定要备份SHSH,这个自己百度,方便以后降级.第二越狱后,建议装 APPSYNC FOR IOS补丁,这个也请自行百度,方法还是比较简单的,安装之后就能用itunes装破解的ipa了
宁波创新全景 | 2012-7-3 09:41:47 | 显示全部楼层
本帖最后由 宁波创新全景 于 2012-7-3 09:42 编辑 2 b3 [; O8 p% T. `  `" B
7 Y2 q: j' g+ ?# I
15楼的估计可以解决11楼的问题,请尝试
xsi007 | 2012-8-31 11:09:15 | 显示全部楼层
不支持视频文件自动播放,好像也没声音。
宁波创新全景 | 2012-12-26 09:18:38 | 显示全部楼层
xsi007 发表于 2012-8-31 11:09
! p" E# e! [- x3 D& b; m不支持视频文件自动播放,好像也没声音。

! v9 b' K0 o" b; j+ G是的,我发现在WIN下是不发声,但安装到IPAD上你会发现一切都变得那么正常了.
吉米摄影 | 2012-12-26 11:46:16 | 显示全部楼层
好不错,不知道能不能支持IPHONE
宁波创新全景 | 2012-12-26 13:32:16 | 显示全部楼层
吉米摄影 发表于 2012-12-26 11:46 * y. ^- b% F% C
好不错,不知道能不能支持IPHONE
7 e& Y) F% u% ^! F/ Z2 j5 P
当然可以,IPAD和IPHOE只是硬件略微不同,屏幕大小不同而已,IOS都是相同.9 e: n7 F" Y! R0 l( a/ H3 _
广州白明 | 2012-12-30 23:04:08 | 显示全部楼层
boney | 2012-12-31 09:34:16 | 显示全部楼层
我的没有越狱可以安装吗?" P6 u4 U: N, Y2 j* _+ f" V

% F! ^) A: n# @1 K  B能否搞个不越狱的版本啊?
boney | 2012-12-31 10:19:43 | 显示全部楼层
guonaldo 发表于 2012-6-29 12:35
6 ?  Y1 Z; y" U+ N* ~; {) ^: hhttp://www.appcan.cn

) R7 e* t; x0 S* f2 E. @; C这个网站把问题都解决了~~~1 c4 W3 s. M: f; f5 h% i' R

/ |" O6 @, A) M; e. c! R2 ~很棒
承接全景制作 | 2013-1-6 13:08:13 | 显示全部楼层
whdoing | 2013-2-27 14:23:39 | 显示全部楼层
正为这个事情头疼了,感谢楼主 学习啦
guonaldo | 2013-2-27 16:54:22 来自手机 | 显示全部楼层
这应该不是正确的方法。
虾米碗糕! | 2013-3-5 16:16:10 | 显示全部楼层
NBvr 果然NB

点评

您一说我才发现 = = 学习了  发表于 2014-3-8 06:18 PM
宁波创新全景 | 2013-3-16 12:39:59 | 显示全部楼层
guonaldo 发表于 2013-2-27 16:54 * b/ w  W3 E3 v, o  ]
这应该不是正确的方法。
9 Q# n% |' j% g% c6 W$ a3 h1 G
不知道您有什么解决方案?
guonaldo | 2013-3-16 19:32:28 | 显示全部楼层
宁波创新全景 发表于 2013-3-16 12:39
  y7 g' ]( ]) _2 {9 K不知道您有什么解决方案?
  q$ H! F; c- J
不知道 但我按照您的教程做了一遍 还是无法生成ipa呀
jqqman | 2013-4-3 18:15:01 | 显示全部楼层
我用http://www.nbvr.cn/html5的地址打包了一个ipa确实是ipad可以用!可是这货要联网才能看到全景,和支持html的网站直接打开看没什么区别!还不如直接导入ipad用ifile打开直接看!打包这东西还要先传服务器,还不如直接做网站!
地主周扒皮 | 2013-5-5 22:08:43 | 显示全部楼层
有点意思  我想 把图片 传到  人人上去 ?    怎么弄  高手指点
过把瘾 | 2013-5-14 22:22:52 | 显示全部楼层
cwf0918 | 2013-6-5 22:17:09 | 显示全部楼层
那有没有可以直接打包成应用的呢
过把瘾 | 2013-6-23 12:58:44 | 显示全部楼层
有软件就是容易的事。
晏(yàn)汐乐 | 2013-6-23 19:53:43 | 显示全部楼层
能不能麻烦给个封装方法的教程。跪求~
邢工 | 2013-9-16 15:23:24 | 显示全部楼层
哎 失败 我问一下学习法 要价2000
邢工 | 2013-10-20 12:56:18 | 显示全部楼层
可以直接封装好一个IPA文件在苹果设备上浏览的  有需要加 qq:2529737999
GYS | 2014-2-15 10:34:17 | 显示全部楼层
版主真够专业的   佩服  
GYS | 2014-2-15 12:16:51 | 显示全部楼层
我按照您的方法做   总是出现如下错误   我该如何办呀 ?+ T/ \* m) I7 z! K3 L

5 i- I- `2 x5 V$ i! [* R谢谢
/ y/ ]- B% g) o1 d. ~% A* h/ d6 Q/ T! p: f, X  a
error: NETWORK_ERR:XMLHttpRequest Exception  101

点评

你解决了吗?求解  发表于 2014-5-17 12:11 PM
田野一行 | 2014-3-9 02:43:25 | 显示全部楼层
如何弄到安卓上去呢?谢谢
lolo | 2014-3-16 11:18:33 | 显示全部楼层
田野一行 发表于 2014-3-9 02:436 _' D$ j6 b2 z5 |
如何弄到安卓上去呢?谢谢
* o: c+ Q) p0 w9 u" ~
前面有人提到的做成网站最好了,搞app,那100个全景做100个app,麻烦死了
蜡笔蘑菇 | 2014-4-15 21:51:44 | 显示全部楼层
guonaldo 发表于 2012-6-29 12:35
5 B, j9 \" y( }. b- z. Phttp://www.appcan.cn

2 z; I' T4 W# P哥,这个打不开。
反抗的受虐狂 | 2014-4-19 15:30:13 | 显示全部楼层
顶上去,新手都该看看
365photo | 2014-5-14 20:29:59 | 显示全部楼层
楼主讲的很详细啊
田野一行 | 2014-5-27 10:37:13 | 显示全部楼层
再次来学习。。。。虽然还是不懂。。。
小南工作室 | 2014-6-12 16:11:33 | 显示全部楼层
不错
蜡笔蘑菇 | 2014-6-14 11:36:07 | 显示全部楼层
要钱么   NBVR老师
Time | 2014-7-22 13:21:46 | 显示全部楼层
做完还是打不开 火狐浏览器报错
zhangxueyu | 2014-7-24 05:22:48 | 显示全部楼层
学习了
wpf7394430 | 2014-11-20 14:10:13 | 显示全部楼层
楼主说的很详细% E# O; s. B/ E3 S5 i- H! R
好好学习下
你这么吊 | 2015-3-30 22:59:51 | 显示全部楼层
4S用同样方法可行吗
秋色 | 2015-5-11 16:45:25 | 显示全部楼层
做个记录,好东西
qq249314694 | 2015-5-16 17:27:19 | 显示全部楼层
pano2vr做出来的文件怎么上传然后通过分享让别人在苹果设备上观看呢?
zhihao_ | 2015-5-22 11:19:40 | 显示全部楼层
学习了,很棒!向前辈靠近
象尚设计 | 2015-5-30 15:26:58 | 显示全部楼层
渤海风 | 2015-6-11 05:35:37 | 显示全部楼层
看来上传到网站是最简单的方法。
sheng12x | 2016-4-3 18:59:07 | 显示全部楼层
谢谢分享!学习了!
lihuizhu | 2016-7-29 00:24:17 | 显示全部楼层
pano2vr能不能生成带indexdata文件夹的HTML5全景动画,上传到appshow软件上需要indexdata。
sheng12x | 2016-10-22 09:40:30 | 显示全部楼层
谢谢分享
tlsys | 2016-11-26 23:38:05 | 显示全部楼层
学到了不少,谢谢您!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文推荐
热门排行