四方环视社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 43698|回复: 38
收起左侧

交年终作业了-用html5做的全景漫游演示

[复制链接]
BH7NLJ 发表于 2012-12-6 02:06:07 | 显示全部楼层 |阅读模式

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

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

x
一直在用panorado作为本机的图片浏览器,从来也不去人家网站看看,今天偶然一看,嘿,人家早在半年前就出了一个html5的方案,并支持移动设备。立即照葫芦画瓢整一个试试。优点是全景矩阵合二为一,设置相当简洁,缺点就是还没有切片功能,图片太大时,访问有些问题,另外感觉锯齿比较严重。有萍果设备的请帮忙测试一下。( f$ g7 [5 z1 b: z
http://203.91.43.122/panorado/
, L2 Y/ M. b4 O9 z1 a无法加载?点此新窗口全屏浏览→http://203.91.43.122/panorado/0 b# Q& P0 k- }' q7 `
共军吉普 发表于 2012-12-6 08:11:13 | 显示全部楼层
墨有苹果,沙发了再说。
鱼眼龙 发表于 2012-12-6 09:25:47 | 显示全部楼层
也木有苹果,板凳了再说。
 楼主| BH7NLJ 发表于 2012-12-6 10:13:16 来自手机 | 显示全部楼层
古德曼 发表于 2012-12-6 13:51:27 | 显示全部楼层
木有苹果路过帮顶再说
gong 发表于 2012-12-6 14:31:16 | 显示全部楼层
太超前了,HTML5标准2014年才能完成。
boney 发表于 2012-12-6 22:08:57 | 显示全部楼层
有点问题,ipad好像无法控制,6•0系统
guonaldo 发表于 2012-12-7 17:51:17 | 显示全部楼层
太棒了 html5
xmgss 发表于 2012-12-7 18:09:25 | 显示全部楼层
路过看看
guonaldo 发表于 2012-12-7 21:49:11 来自手机 | 显示全部楼层
BH7NLJ 发表于 2012-12-6 10:13
( M# n4 x: v& @* H6 ]$ E6 `安卓2.3糸统表示通过,坐草垫子上漫游。
- E- b) N! a0 g
为什么在ipad上看很卡呢? 而且尺寸好像也不对
夜里抽烟 发表于 2012-12-10 17:37:27 | 显示全部楼层
BH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HTML5看的,流畅性很好,swf文件苹果用起来总归不舒服,支持移动设备还是没整通,呵呵
 楼主| BH7NLJ 发表于 2012-12-10 19:12:59 | 显示全部楼层
夜里抽烟 发表于 2012-12-10 17:37
  M5 }, s6 X3 O0 w7 ]2 o7 \BH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HT ...
' B0 F0 ]8 ^/ M+ u# {: t, V* `
谢谢测试,估计卡是因为网速的原因.也有照片本身太大的原因,一个5MB左右的全景照片在手机上观看估计不会畅顺.这方面krpano的切片功能,zoomify的切片功能及微软的deep zoom都会好些.希望不久之后可以改进吧.
 楼主| BH7NLJ 发表于 2012-12-19 08:18:30 | 显示全部楼层
boney 发表于 2012-12-6 22:08
/ U! z7 n. D& i& b6 l; e3 M有点问题,ipad好像无法控制,6•0系统
, s0 @6 _$ y0 B$ o% ^# H8 K
做了些修改,请再测试一下。
jwleuro 发表于 2012-12-21 14:32:21 | 显示全部楼层
未标题-1.jpg * C& D9 l% ~, o+ g- Z
hkaxiong 发表于 2012-12-21 20:12:46 | 显示全部楼层
为何苹果不支持flash呢?
 楼主| BH7NLJ 发表于 2012-12-21 22:12:14 | 显示全部楼层
本帖最后由 BH7NLJ 于 2012-12-21 23:13 编辑   v3 s/ c  t/ k4 T* V, x: p1 b
jwleuro 发表于 2012-12-21 14:32

: h- K. u8 g# E3 O# R0 l! [我用IE10及360极速浏览器没有这效果。不知你用什么浏览器?
  a7 ^3 H# X' V7 R: R 360截图-18081670.jpg
. X0 B0 p) c. r& g
 楼主| BH7NLJ 发表于 2012-12-21 22:13:48 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12 # K) b/ c( U# q% K: T
为何苹果不支持flash呢?

  u4 R, w5 ^8 w! V8 B萍果认为flash消耗资源吧,特别在手持设备上,资源是很紧张的。
jwleuro 发表于 2012-12-21 22:39:00 | 显示全部楼层
BH7NLJ 发表于 2012-12-21 22:12 4 y2 A2 D8 |) j3 o
我用IE10及360极速浏览器没有这效果。不知你用什么浏览器?
3 O8 m# }4 t. C* ?$ ]* ^9 S
俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!( [4 H) }/ b7 Q- {. a' O* {. J

: d4 R# x1 a4 A) ?0 f+ N
& p4 `( w* q) g" u, N4 f
 楼主| BH7NLJ 发表于 2012-12-21 23:02:32 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39
8 q" L9 X0 O* x, c俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!
5 }7 B0 F' c- N' a
遨游浏览器没用过,你可以试试谷歌浏览器或萍果浏览器,或者火狐浏览器。
jwleuro 发表于 2012-12-22 23:14:53 | 显示全部楼层
BH7NLJ 发表于 2012-12-21 23:02 , |4 N! ]- a2 \, ~* B/ l2 y' p
遨游浏览器没用过,你可以试试谷歌浏览器或萍果浏览器,或者火狐浏览器。
* w7 s. h- _4 [2 ~9 {5 f+ u* E9 c
俺学着再试试!
 楼主| BH7NLJ 发表于 2012-12-24 22:26:35 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39 % _5 }9 O: {- F4 `+ |" ?
俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!
6 R5 l$ g  v& M: y% C
360极速打不开可能是因为你用了IE模式,那么你的电脑一定是XP系统,IE在8.0以下版本。& w6 ]/ N& c) @! T" W4 x
其实,360极速浏览器是双核的,你可以换用chrome模式即可。这也就是谷歌的核心。
jwleuro 发表于 2012-12-24 23:19:42 | 显示全部楼层
本帖最后由 jwleuro 于 2012-12-24 23:22 编辑 % C  e# F* E" v8 [
BH7NLJ 发表于 2012-12-24 22:26
2 i6 _; v  G9 q0 o0 y$ N& p# ?360极速打不开可能是因为你用了IE模式,那么你的电脑一定是XP系统,IE在8.0以下版本。
' X7 ~/ f0 s% }, @. a0 ?其实,360极速浏览 ...
0 R* l# n3 Y" O) v. ]

3 j4 ?# o% d0 H- w9 z7 R) T8 j俺可是在多年前就玩win7系统了(俺的虚拟机里还有早期的DOS系统、win3.X、win95、win98、winMe、最新的win8、开源的linux等多款系统)!
) w! C  i. d/ m$ X学无止境!玩无止境!2 h4 L2 f( R3 t$ L' f$ C3 d$ E& z

2 B) o* |4 ~0 h' E5 N# j+ V1 q' v1 V8 I  Y' h$ u; ?
未标题-1.jpg   ?+ f, o& l) d
0 i5 b1 ?8 A) ^
上述是俺三年前的配置。见笑了!) s5 l8 j0 _& B! X; ]

( n5 ^3 `( p4 T. x+ l8 ~) J
1 e! j. w9 j3 \  B/ ?8 @: g9 L
大山 发表于 2012-12-25 12:14:32 | 显示全部楼层
没apple,用安卓4.1.1+360游览器试了下,加载9s出画面,未全屏与全屏状态下有效画面不能撑满屏幕,很卡,操作极不灵便
 楼主| BH7NLJ 发表于 2012-12-25 12:43:27 | 显示全部楼层
jwleuro 发表于 2012-12-24 23:19 8 d4 [% u  ]7 o( V3 w. H" F; F
俺可是在多年前就玩win7系统了(俺的虚拟机里还有早期的DOS系统、win3.X、win95、win98、winMe、最新的 ...
- F1 b9 t. V. J1 ^4 W$ b
昨天下单在易迅买了4条8GB内存,249元一条,下午就涨价为279元一条。' m7 A9 S/ L, n' r. m6 B
这二天拟整台专用电脑出来,CPU用E3 1230V2,i5的价格,i7的性能。
jwleuro 发表于 2012-12-25 14:04:12 | 显示全部楼层
BH7NLJ 发表于 2012-12-25 12:43 6 e5 |$ |' e1 k7 V3 @. R1 u
昨天下单在易迅买了4条8GB内存,249元一条,下午就涨价为279元一条。
# i& b( I- d# v2 v6 h0 p) }/ f% w这二天拟整台专用电脑出来,CPU用E ...
0 N4 c# ?2 x6 j" i+ h- z4 e; X! [
捣鼓影像必须要有一台较高配置的电脑,08年俺的知青战友们400多人的下乡40周年纪念聚会的摄影及后期DVD制作等都是俺一人忙乎的,那时的电脑配置cpu还是双核四线程的,内存4G,机械硬盘,独显等也算是不错的了(06年的配置),但做视频编辑感觉比较吃力,不是很顺畅。
# a4 r! F3 P4 K* G" e09年初下手配置了上述的是固态硬盘的cpu i5,16G内存,460显卡等,使用至今还算比较满意。5 X' K# `0 B* M2 G
看了你的配置后,敦促俺又有了换机器的欲望了!: r& `2 o8 s& o7 T5 d6 y4 x
4 R4 ?$ g3 f' Q8 d
  I- z. |" J* ]" e1 K8 o

0 d; D/ X; v; N2 T! [: y" `1 w
 楼主| BH7NLJ 发表于 2012-12-25 15:21:38 | 显示全部楼层
jwleuro 发表于 2012-12-25 14:04
* U2 J* a6 `3 S! C% O: T捣鼓影像必须要有一台较高配置的电脑,08年俺的知青战友们400多人的下乡40周年纪念聚会的摄影及后期DVD制 ...

( [( G) X; p' d, R: T0 J' yE3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。
jwleuro 发表于 2012-12-25 17:57:16 | 显示全部楼层
BH7NLJ 发表于 2012-12-25 15:21 5 F% M# {  g$ g) P. F1 \& U
E3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。
. {0 c7 r2 J6 ~& s( I2 @2 E
这是块小板,内存插槽只有二条啊!# `( B) U8 |" v7 n

, ?$ t5 Q' ?' C8 \, Q qqq.jpg * S+ c+ o. @1 @6 Q. b) Y
jwleuro 发表于 2012-12-25 18:02:39 | 显示全部楼层
你应该选择这款才对!
3 n6 W; n: u9 I$ O& k% N: Y- v9 r# p/ T
qwqw.jpg
5 i8 W" F, k3 }6 z" f
 楼主| BH7NLJ 发表于 2012-12-25 22:17:57 | 显示全部楼层
您一定看错了吧?B75-D3V是大板,B75M-D3V才是中板,我选的型号不带M。
Shao.JH 发表于 2012-12-25 22:23:21 | 显示全部楼层
学习了
$ O4 h! Q2 V9 o; g
jwleuro 发表于 2012-12-26 06:14:13 | 显示全部楼层
本帖最后由 jwleuro 于 2012-12-26 06:15 编辑
# D8 J7 x. R- C
BH7NLJ 发表于 2012-12-25 22:17
' r0 @0 J3 }, L! h' c您一定看错了吧?B75-D3V是大板,B75M-D3V才是中板,我选的型号不带M。

- J3 I* U. _7 f/ n) y( s4 ?( r# j+ b8 J. L9 S
是俺老眼昏花了,致歉!很不错的主板配置!
& p( }3 x4 K* k1 G7 j5 y2 u3 B' e# x; X* j
+ g  n/ ?- q2 E" ^+ N8 i
chinacmy 发表于 2013-1-7 09:07:27 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12
4 j; W: V6 \- V为何苹果不支持flash呢?

. m& x5 }9 t" x, ^" o因为FLASH已经被很多软件厂家抛弃了。
chinacmy 发表于 2013-1-7 09:40:10 | 显示全部楼层
楼主可以考虑一下我的这个配置单,这块主板最大可以支持12条8G内存,支持双至强CPU,显卡为专业卡,总体性能还是不错的。
无标题.png
 楼主| BH7NLJ 发表于 2013-1-7 21:51:55 | 显示全部楼层
chinacmy 发表于 2013-1-7 09:40 6 C+ n1 p. \% G+ ^' g- ]
楼主可以考虑一下我的这个配置单,这块主板最大可以支持12条8G内存,支持双至强CPU,显卡为专业卡,总体性能 ...
3 q/ K1 Y8 w+ K* J
谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用),还没到你的零头。有你的价格,我可以整四台机了0 I+ |, F: C2 K! S: p2 }
CPU E3 1230v2,1300(含风扇)% a4 ^" d5 X1 ~2 E9 Z/ Q0 P9 h  F
RAM 4*8GB,996
9 n7 B" ]: C% W+ m3 _主板 GA-B75-D3V,649
% z; V& ~5 q. [. T. n" p硬盘 590) Z0 ^$ U1 G, U: l+ n. W; Y
显卡及显示器,机箱及电源用原来旧的。光驱省略不要(旧的也还在)。
chinacmy 发表于 2013-1-8 08:02:48 | 显示全部楼层
BH7NLJ 发表于 2013-1-7 21:51
  m2 ]  L" ?: Z6 U( Y# @# P谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用 ...

) X" v; m& @* y; R呵呵,这种配置拼接上百张的照片就会比较慢喽,还有一种办法,把多台低配置的电脑“整”成一台,每台分担一部分的运算处理任务,那样处理的速度会快点,有兴趣可以试试,你可以找微软的HPC软件,可以实现。
虾米碗糕! 发表于 2013-1-10 09:09:56 | 显示全部楼层
在谷歌浏览器里 貌似图片打不开了。。
 楼主| BH7NLJ 发表于 2013-1-10 23:35:27 | 显示全部楼层
虾米碗糕! 发表于 2013-1-10 09:09 . t, m* @! v  i- k9 v5 t9 J4 o; I
在谷歌浏览器里 貌似图片打不开了。。
" x$ m; j1 r% ?3 i6 E8 }
你的谷歌浏览器是什么版本?该不是很久没有升级了吧?
虾米碗糕! 发表于 2013-1-11 11:17:33 | 显示全部楼层
本帖最后由 虾米碗糕! 于 2013-1-11 11:17 编辑
& t7 a* N9 v( h: G& X- k
BH7NLJ 发表于 2013-1-10 23:35
3 L$ p5 _% |( Q6 L; ?; h你的谷歌浏览器是什么版本?该不是很久没有升级了吧?
- W7 h1 G+ z% D! J/ F  k
今天 可以了,昨天也不知道是怎么回事,一直显示不了值得学习的作品 谢谢分享。。
江南一摄 发表于 2013-3-10 17:05:35 | 显示全部楼层
学习
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|网站帮助|关于我们|联系我们|四方环视社区 ( 京ICP备16029184号-5

GMT+8, 2019-8-18 09:38 AM , Processed in 0.102543 second(s), 90 queries , Gzip On, XCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表