From 93202d8cbcaf1c7c1e8793303e88508bd1cf943b Mon Sep 17 00:00:00 2001 From: riccardo Date: Tue, 10 May 2011 17:18:26 +0200 Subject: [PATCH] added visualizer on the player + waitbar + automatic resize --- telemeta/htdocs/css/player.css | 4 + .../htdocs/swf/soundmanager2_flash9_debug.swf | Bin 0 -> 16527 bytes telemeta/htdocs/timeside/src/player.js | 207 +++++++++--------- 3 files changed, 110 insertions(+), 101 deletions(-) create mode 100755 telemeta/htdocs/swf/soundmanager2_flash9_debug.swf diff --git a/telemeta/htdocs/css/player.css b/telemeta/htdocs/css/player.css index d73cc551..250554e2 100644 --- a/telemeta/htdocs/css/player.css +++ b/telemeta/htdocs/css/player.css @@ -90,3 +90,7 @@ margin: 10px 0 15px 0; display: none; } + +#player .ts-visualizer, .ts-wait{ + margin:5px; +} diff --git a/telemeta/htdocs/swf/soundmanager2_flash9_debug.swf b/telemeta/htdocs/swf/soundmanager2_flash9_debug.swf new file mode 100755 index 0000000000000000000000000000000000000000..d0dd3080a45d862299adc4e0b8c0163f1bdfab93 GIT binary patch literal 16527 zcmV(~K+nHJS5pcocK`r*0j<4xd{b5WKYq`-H@Qu^r3K0^0ZR)QyFpu85vf2}+|U;5 zGL=c1Tv|;NCP|CnXJ%>@MHF>h&~Ysy?%O!(xQ;sRdnk(IHZC)cI*xMPclo`ab8d3e z1;6vhuP@F$&)J@{J?A+~&UtgPqP?dm1=lIcIHoKr8m}nI??*k$6lGpKWHcVN$nQP5 zD-umK!gXMIM>4slv9faQ+O-vHXII4Ht1GJ;8X79AYAS1L_D78U6YHYMz{&eZ6Z@9W z7Yr7K6YcTNHObCc)JqHl!B}_l!18j7Yp6ZLbWL|WB3OpnE5ng+S2&tXR9071gHfox z(TK&n0?GM-HESZB?Ezv}dGh{=j#&FiYXd#u{f$T<(J`;mj!0>eoykaeep4tG414{N z@X6je-X=S}h%KW~sye zJ9<(ywl*qa*}fE~Jsu7uV}oO){U|&Vh_3DqtPam#e7H!Raf>nrlHvJ>1>)X1pSPx} zx>}ZkJm*zX<7PFs<%9m4uT1fDk1wq*UAMNhxjqy;ZuQY8pLAS%&%sL;AC*k3SUjgf zNfoa6*CYSv`}wQXI=X=T;#TP8f|nKOYwUR-RaNP6cFS zz}+0{j)o2kL{a2;&8nv6*~-JCCmf@;dr95xjmLl zR-!H^C1YzU6O=)hl|f}9-hRLV!;)465{_hNS2*s7hZEss$*Sppbqc)oz(v z5*{x4G$+?Z!eaxGNNnw@lS8qtKxcH7HHxCEb;~EGIo#fjVy(-QsT1oG$#7S$NVQ0$ zardA#QG`{2#8~hC-u8Gbk=S3d^M<2=U?d#U;;~rL9f<`(;rOzs5p%Bz!~|Q-~Si_;!OKWPUT7$(NC=i0mnyRY0%3ybAB-t4qJ*Y7oWn-2O_FN=e zS~e23FzOtRPZ=CZ^kx9f+7p%$Ck_rD#AK2T3-^#7XzDUGbMAcg? z8zg6SJg}ytvpwNRB+*N5@onu4B|CBjxis9lx+9qriU-ynh0e|ighC5DIwPT+=EG{d z&8>c~ZZ$gd%3c-BbE!t?*u%on?i^XJ?#{w2&t>Sk{Okty>Q)csws$9zu`Y^`(AIP( zI&#}>UPX(C%6WlRYs=pi=m~U2sH-Oqi|WmUO>YW?I-{$-!=toAoPvS&lM)pb6^>OT zC%IH(%U5639VI`z6W>5Q>0GrY(47e9t-?TD5leK^Akc*)5OtG%bS%={70#96 zkq9!*Uxk52g%pjIziM?DE!7o^uY*3wTP3t(STqhIVjRa~>x4^W(bS!ct-u&{ERM%x zaRx;nNCqN}Bh)2K5gNTY$yjqTj$9AeYs?vbnoYcAk>mmUm#t17;9cH4(;JN??G|$j zEg^);8h%pF94*TZTYQuUZ6v~I^n@YDBuw$7p6IF}3COi<>QiTXAleg1?3>;9LXB1q z^HGyf524P`LYhIsY%S|>G{rju5zT-=Xo=4CVaHk$RA+~fQK3ovo#9BxB{U6DMHz~k ztrG!HfdOyF;}7`MYlR-tE-7+i$s3ZX)G~*aFXW3gq!A(T(C}e?mmNKk%A%dNeAl( z$6}E%#4AYMg0}8jlNZVw)P={FuUbnQTok0d%_Tc{W}{al0Ux2*cIMC2v{(NHjUa?83k;Ue@?vveLN^?hC>hP+zh7|r33GY;`ihWDEnjL)AJ zoNozYTA_O_MqW!|mq7BSnS7eh8$NjrlukJ0ohBJf^Ty)dY1y2oRS-`a&tme4coWtv z;awAscXcLcK1g_@Vem-CyjT}O-$6BnM6%{^*gG%a?TCks1E*!Jfw}^iJG#Q5&VX15 zCA!zFiN%wZp;$WxGE}u#jfJDKvuVN%$16L+5zO7;B=rC4#42n4u9{Opk~3|-5DU9( z>3H5XfoM1~uQD*-i}fCcTy+1XEiEfh@zoVRuhAI^WAW*QcBzQ^E3P@BZ^GmPZ`osUSJFB!vWL z6vC6SN(1eki8R%c56L%ME2Sl5%JA|~;h_bk&dY5NbYt2Qd{}742%`yOdH8~}fY39~i#C`_&GCmo6zVMRQ)8cVT6X_XV24-JzWT$cjkRpD3xu?9XV%1vAsbQL0(Ee_ykmS*UNOw5l5GltD%Vq|KvO{QGXH1ll2M<*{ zqe&iY;n78U;;?YCBNiG#$qwUGD17YVTT4SB{CR@)!j3=`LTW91J5LVB#{}YXdP*#d z2HM+E?M}>PE{LfpQo?Cq4i1N0n7E^2_~s$#@Ng0{Svb(eqgX$78%8*OsAvl<2^n&V zIW&~B#+pE#)D~ztYMYptb0^C-q83FPRa(Ajfsjj1tEf;?2a604(GiKo)+DsU0?7`C z0Xm+GvaARPPJ%WIcN>G$$Kxvxd@xZ#=@NY77p=?g#EmUnWQQq!oW?|Im zbw<0pg5kIedyue!IWc65Cn-8=(F8W6VdjG<8z_=4nr`utqtI~6q3jQ)@`wGMQEUuL zP8{NKgkfO#m&jsJU{J(HMu=T3y`^llqcvBDd2|JjtZ*JK%EaR<@};z=`#Bn3o9@a& z(Akaaf?Kwit204;hLSrw0*S-JYxATf+;Mx0tH+|t7R@fL!omn$ zt#*cHyJRDRDivX*DOQT5KFxm+A}WuytLr?nG&|MoZ)g3uE1pkXTBh-@WP4?Zw#$Z}jHLvdZ2c z9S^Uj)nojK=t2m11bed5s)FVtRvx}+)xskVTXE>(mc^yR+hKUB!t@G2G$fWhN$C2i z!&8Q0>Gg+*SUkuj6j^~>vdblXX_Y&QC{luRAXBvHhiVs!hNi(Os9}2j--xMRtOUF= zoZ8+&(|k1=|Mxl6I@6W>xvjO%{o8k5L`tpN>a2W zhu$!4roB?X#}hfrj##z$sH2WJ%0<};!5SkNS<4Sm3Myeqh1E-8T9tT1VQliTQ_F>> z#9mtLYDO4If|bkKX_i*au_&ndwUCp+{X^q*grX)K?U7g_JgXv;w$Xby*5BExK*aFM zDY?-*Mvnc=BrUov!K3X9vRKGP6&B^~VR^oZRSeZL8ct$sPg6Y>+m&$14)%&H#NLNG zHNQe`o~gNGCk@#Li5-p%&&MfG9PKSnEJhNztPL_&Y*_cDH^^9h;rt4-)8awil%uSW zHxNOyht_#zbwggU?#z^!%5K->pnZpN8QKDk-VxONpj0`K_Sl-HNJJ-n2-_i6IwSQv zMaYq73OJ&R9tL$GwGEPDH{IxU`5;;tD2-l^JxE2EcVC%~YMLIkwjTA$_1Flrh)k6u zPcYDWSi)k5GhMnzW(GOjJ3CP~ExIBQb&`q;L`Ujo8KOmTE`p(I9gmE#Cnd!s&rb5C zjuK}lrByjWC{8tMZTbbehmyQ*&Ns#U9FtCBH@ z3C(;oW>(SWQKRkN0sq^P@bJSDoK32jUbX7kH4XVQXgJ9UqG2Yy=2mMspR8uHVAal* zYh~*QTdS$AtI=v|YO1uF+10i9)X&js=1_{->bY7?-5dne&jB^J4xtTIb@Z|A0Y4vkztF-$1*>zgOoT@oRVnsuWAidep8tSU& zI;yL{IX7$RKwCYSJzkLi}a4!C=b51^$iX9Hq_2`%&x1hMVz|1HT8u;K|my| z1JisWv23)?O@)kQpTw373Ww5=2e^~co!gGzJcjk~?3&tot-7YZuEfE{@)BO+D#G^Z%*krHi1o;KA~(v`Ggr0W=@z@QeSdV$uT8&GBuxZHOJ-7&C4$+^b|4m9IkUs zR~@?Q)Ky*A+`1!ASMznXP***=R-~)Nx;jdCj@H!@T^*~d<8*zzu1?g|NxHg^u1?Wa zudYs=$aHl-UG?ee{<>PBtChN1rK{DtI$Kw3_2N3cc&@HC>goZyYo4wisE?Yjs|$2> zp{_2{)y2B%*VQGux>Q$}>FRP_Jw#Uz)z!mv^>AH1LRVMl>XEv7l&&_rRx*8btF9ia ztH#n4( zcI#@7uAZ!`|EH_J)z#nY>Zz!}=`d%)Y+}0W53nzU`6JW$Mwqi;E`xiPu3pVt{fxP` z!dwHh4Q3s4T?gxWhFHz|=o?|(1amVI+yeVnnA>1(XZn~w!`ub`yJ4<@xd-MiF!#dT z2XjBn12FwCTVb}rJP7j;%yrE5S7h@5vQZy~S*NRigY_89UzzK1@_qv5NtmZ#o`!jb zxt>OnXDIAhnCD<#fO!$-C72Y<0L)I9SD5P+inoiocENVN3HlwFcbV%kxcR?eP&EEN z{QeF50~qAZKZN-R=07kW!=P&Xzc8P`dN1P3i(=%Ysgx@CEsQP&zFW~yQ zm>Xekg82&!b=K*K_W;a8Fn@)49DeIv>+yYryB-1Odx`U7Tz5T*(C1*D=dOp~$6o@y zi@RP&oVTbX@4>C<{2efU7v#UWu73#oBP3m^tLLbwGR#FV%*9Z%YgFB_4dz;y?dlXo z;rNviMp?y~*0Q$u*Ia99{ax?6^}MyEbpzYT-0o9)8Eb95ob_#FigqPam=?K%^))Nn zw+v~5-?84C82o-%9%d^i7;n><5)Zj)cw@`XPq)bpHhG3ko@tXCZSpLe++>qy+vH}OJl7`A zx5+=)96u)$3HNkFU3V zZ&2A8-05;F+~-}Ow0z7NQ$~UK3N#u`!^{iYW;x2?Vdm|1bg5)HyEJoNDrM-tg8q&i^PtqxN{7o_kZN-;cPkya=2G&=Gnc2@ z@|Wi;9R=XCOfgrajKZE-J;e@1nVB*?J;mb`#XPdD$S8u#UyR(30?$#t$^9Lp%#|QV z8)J-;jE!g6A^k}wl#@?Kx!Kh=!rES|~~Gn(=> z3HEDJzJmqv8w&L;Oc}HM`|+7(TsRk}44-f&gwvlg_7~2ia4tz16~fsqoJ&(irEvBL z=dzShC7f%8b9u_B7S5A}^N^HLBb@7m^U#zrTR7JXr!!@!!g-2t9+ooZ2A=c%l1s;?!? zBg}t*BHDX$4)?gxf2XsQ?`Y958yOniQ98O*S?=H@Yvx(-iKuP!jCsa^3z&aCp9!Hn zPk8zdg5X}jmarH3z1qWCL!-7pVbhc*h3|{|IjTcBSkat{sybZmKXIhGh^4B^cg=Wp zM!U9~{aU$*nOj)O$lD>h?h=sWi#4X~W&w67+s%Uf3VhquE17vIEAQE5{t+<>e4)TX z^D?4J^8$;^D?m*&7WWjR8iMNfXo@oZ5#HVXs(Gad^k)M7GSFn*-R+ur6+)MIM<0Ru zU(L$Ezn`VrmM&kabSyEqQdrwEW0|o$aEN&gxk{D5q2@M=I?TM5sItJ}=61{L2=hAW zwZgoC2vp3M@E^$nN0~QDcY(hdB6<@!b_N!kHxm)m0)F!rHc*_4V%*9w;+BZP@h4IO z8rNLz1JH1PM#Jr9>y$sELDn<+p2F{9=3U^ByTcgQyYf}@Znm?h*aar{u$=?`qmj|Q z#KPfFUG9Ux;vvD}6y+f##tP>lX8skakJ(a;xxRd<`3NKVA$8Kn`hBOd9sS+`|FIac ze`94!aXU-Z+=c(4K70avT4(J-an4}u35bEW_c+o>JG#IaOQt87`6S5@REqB`W{lf_ z;rbMEI(`f39n^9r4OZXT?B>B9=a5J7L{#8u2IX?R`3z)oGl?1R_nph6dU&4PtZZ}> zqP>9d^Oz9Y7b(NzmLI23QOuVzRXLyalkEC`rTCA(RRY~ zBFXjT44;byA1;`@f(TofpW?pCJV(+P8=x`vsvKi~r!jU3%N}IrYpku!cd6}1XN9*b z@pT|zLzmO)#b)J0X8wo%g++TC?Ucy;SUR~8N}!ehn|6g0n2A0~yNtxFo+4CA^s=#< zTo{itOO-^T%VB8Si~VD&_tq$+B2&d z6A!V~NRT{|rkLF5G)^SpnT59ej3UE_k_1jPKi@msFPW!wXzzVRJ$1vNo}v!<1}bje zmHb-thw~(bMU*au2bHLz#*{UR7E^wsIATg%akeNfH>T~k$D-xG6D?2k_Me#Y9ZKcx zUD@Rdv+}MnqOnWDY)02uL5>sO@!~r{d?%XUBLx}_TKfl!;^vPQrJ6rklxF^HQ4VvD zpt{kPy`qD=yL9tZP}Ji&W}l!?0`oLMCA!?^=|pYl$~8BDDDUaYGtZDjzImo33e1fl z+LA`n->vj?6`E(kS=Q6#F*nHwMdsO(C^k2Ppc0RwE_N9`iLTL}$K8s{JQo4bQ}9Hm zj55ZNzCt<96W&4=GC`I&SIyMLE}^lyc`EhbX@ zzAq!yef}7u(Qu6&yO&M>P``!-#kKH6xld)q#VFa0=_q~7I1Pz3^A-x%N|ifEpb>?t zNn-CZL=+O~2}pRWWYb5*)dHt6^EP;(6N=0`D1?T9NU^#AcdN}mWyMwltIa#pk?*1a zS!J*fiO6?nMP`AJc~3g>y%dlRG)@$e?@PNW2xII1bmRvq04hWl<8(HPO8rn)Y)9a9 zOgHK1kI9e?tV~V;RtKx4%I(w;))YY{pBBNk3UV1|V7hxms3Vv0dlZ3Wq?Gk}R9H%%Q2EbrsVTD8 zQqOW|ibscN3hp@&rFnix{VcUr)KiS}2lItrETCsT8Hgcf)W?ufgm_%#&dbs6S1&SHbKv}V3Rv4lu%Vx>%UN`AI< z_T1hhR{d`wUfbEsIGai<1-ECL{~X4;yT+RTknAmQL>PO`RucMmB=gOzcpeJzF0r6d zXnPuW3(?h}5Sb_+DgMHl<5e${h`wO3;4z0y|68tIEk)~-=8+;<-B~U9dk< z!Cp>h-!ImscOi->*xeuo7wmqS`m&7RUd~2MM*SX;{$fzLjLTTya%Mg#+2orK%fKr# ziLR819vPJA3Kqal?NOPizWt!pklPaovvhFQ)c-221ar+NGotPLJLOo? zFO=|8BD1o<#mszO^}WV?uUk6^TfII5k$7oD)^AAGDFlLJK5a8#Q$Al>47303Q z7&dDgJlGC-H*Dw{XYNQx#;j^ZmQmS|sN>B68MPq8_lmvponY=vM^5v-f{n~~qWQ9D z3RuXW<}*^Jd6bFoX=c7czE0mW%-ltkzLNKO9BABERc{~MSX4%^q>P9{`ToJozf-IU zzPFkA8c`F|@n1)L|FO=Q=9}d0GO!nx^K5Q0>04sYNHhBZ^QKxSE;o3(^oeqIgU?XF8sc+H0%WFRnyR zAIO-N>~3U%t<3xoe#3MBr_BAM?A%?(MmEBnPpjF;s7DfEwjZr%BV3PA^&^R%wFxnGv+7n=Ra1DM!h$-6`?GLVHigPw2c-1hJ2BtyFGciaUYrLvD+5BUAEPm7AE7->Tfql!8{}7N!)oDz`Gl)2iIY zl%iJUcBT}!DtF*SHl|=}F*>H)$&@jzI2%w(T9mt(G8XLbX3Dr0?@J1 zS@}w(#Oxc@{8~-OR|VzRRsu=afeMrgnY z4;Th5Tp+qL2aMGaMI1W(JS;kuhzS|#)li~5&EYQGPCMK_EqxyGBV&CSA=VDp+xsAs zC#A5-dqWqNsN$5OS?SZvP4rKw17_`S&w=x3MI$}4UG-s28=Ws^YrBuhp5HEf%K}@Nd7U6}^vnDQA@}Qr6YE(2<0K+CXrBEQC3_itBh}|@ z-u47Dp1?x<98L!|@^})bBw{MHvIO&6ED}?|?V9X zs1&HGJ1>elU6~P+b2+;bZAII0w4)G+b;^}E4umJRsg%Fip>p$T(WIpLtd$f;O?ryQ zq9OW45S*gHpJWU2t%K1!A)WjQ{QS{EhXgB?LKQ=21`2Q&3LpmDT{!z}W_M}k-CD}` z2R>jtg~Kg661tZJ+oL(%MO!r_xL=gGT|=sixq3e`L|MaZfJ(iy3*&E{az9vY;f$x&3upws))#wqaX_gy9h(0m$ki3x3>uvZ{bEaT-is=FH-=x1zp-2W^?g`d@=>hSoW zhMt$f)WC(v{DrhrO3q8j_zEHRvaM1w7%T707G?0ZkhY*ZkmyP-+IAovzmx?wVeS-8 zDy68LV3XMdv4oJ_U7DwohF?&l<^K(j$ibZm8 z6cFezzeu|sne8;|BboU!9gt)6v%n5!er0=XW`O}_er4@~A+4r{#Rh_UCA zV{elK?yC?jz;hTk6Uf$R(#pOH?@t9^BfJ04>&$^d<)wxhvGXJ ziY>~!VkEwYk=UyI6B8{4=fAKLY*pUJLQo9RoR!MInc`|yKEOgSsEqPx?onH4EcQFn zOPl*R>qnl}WYzC5x5Aax?ACcChAPc!<~3A4o*pUN;3Bv27TbWM%I%J}59PFFtrI?^ zb;5NSU#lC0@AVE3w&#O?;kbbs=YFdfRP!d0S9#!6X5K8wjMBO#?UX9~cIg~+Ccupi za)X|kV6on(eTI35i0%J~mJN40JTt9Qu=MXNccB!h6!Seew0l(ZKAF?{;zPmcLCNSp z#ONUzaEfI6SLyngN#~<>U3of}$EdCkXX^SSQlvG9W$Gq#7+ z7|+@sQe!-4dq|D(yzL=1#tXKG&=@b;ZmBU|vOT26NZB5wF?QI_PgvknW)9dM_@&ik z=1$u~>XerqG<8v}gd%xGI5nY2Xl1KOMWRVXq8UPwXogTEnp7m3Ary&**;ynIibOMn zA~8N?<-$|^uA`+D$u37mp34HCG4s_-A$*Toiu>=5CF(J!v$L_5O|eb<5BNFeDO^qZ z2DT=L940)hxiIk578*@jP#IlV>~nrLEr-619>vfgE!tf!bt)(cD{Yk)b( zx{o=@!mT;79%ngZ;X)i)+nAfI^||!Dhvkv=2+t?$c3wc%DTQx1%r_iuD^oiLf?CiK zbO!ZcPS7394dw;&g9X9DuwE4R?$91^6wvT=Mtuw?#nE6BuW{<4D2& zoSE-Bf*zrE-UG2Ca0WB~31Wcs-@ilA=x62!@Cp_N{*DbY zDBtzW{K!$N__pDbh}}%)B}CY{EXHR zWAGDk(cLOq`iqR-dV;erAYGQ;`odv;1y`n@dshz8TVInTX7tv#aM2G+kU2C8{h*|I z4#3{a{Eiw4F;#;OIoN2r!}5LF4?B-9NTL1U@X#8Nm_$^$k0;?30zBrvJ$uZbMP?ao zwI}VA+NzIcIgTHYXxp^Ix zoafB^2$@lBe;{s8^TCsjO50BJq6}wT?l3PAE~&jPb$alVsL<4D?M1u7D-cEObj&Mp z%S3E$yb!3X(vB0y%`~reF2UW_x7oijuFmJT^1Cpe{=>iKKMfsMICH?62F@ICrcpvy z6Rx7&;#Oy>3R%2LV{5B(H+z<|txj{BbAW!MHLrDwUk|^8`t_Ws;BLn${5q$39p!Ib zT)5u3Gd)w?;M{4frv>TYMsm!c)6O50Z6Lt7u;4)Wmr;uj|X4@r^Rk8yN$J^up6l^I5pETbi5CQS~yq;058LUl59KM7z8soMp7=*dasK7as%v0qKC?_~6

X~BO2;YwZ%M4_cft3C57k-z`kSUU$&-{1vpead z5p>XhsEc0B=%7!WOW0reb9?|@!?P#H@f-&dwdjrA=nWdPyCLqcakkrOn%1b4!|pT7 zHQ@h_R?1({aGH=#{FRmXD1jv>YwE2cz?!axnV-Wi26k^;DZs^x}S7$B(!ar&D_CdfP;6n{c}Dr0Z=opv(=z zNs39ga=vfgi7(Ba0Z0iu0LZu?7=13$qe^)#-WPm=(xAD zS#Rs*2L7GO{e4`)G_eoI_0WZ>D#V!Cb|!BN8o{czjojGCtJ==u##yj7abpv#v$=6L zET`cVpJSBC;;-Wj8e-*W&WA^D#&UT$K2{d?i9$G8xN3(VxgX#|-i&2OTlBv@j~a@Y zmBj+@q^w8e)&nRf@L8JTt95#s3OgGfVCV~f`!zm=9G(U=K&nxhCxjAsfZnCq&rmaH z4;dU78!I96JaXt;)&C8AYY;@kAnXS5Jl1+B?>ZP@6cP=S3z4o3d z%52F{&8jR3YxEL+O&Z_>uiSlJf*T?Xf<|u^GD?wnEO|s!N{qid5^>7MX1u*UAHron zM8z{)XM3a*Z(=EKfz!ggcCPjQ0K+{3LQ2ar8 z)6;1Av=0P7%3ud#;( z;GsXE8ffjYPs<|W>Yho(*)!X+y=E5^}#k71Pua0-c}eC~@{ zW#l*(J;>V3QpyW0sUheBoj(?BxR)_9xmr?#0ia@vLTn1649eu1?!Ywu$)npPQ>Pzh8>mdL^m z8v?75HC!rfASXACF6%Yy5HT&S8iYOuWDo9jyGe2hO9ijhN#3#%j`jkMq)~JMFtT^; zS~(xRa*sopCIBaO_VFqBI~j1AeAl63)xDX5NhBCRx&2WWq`MgbcXCD znBdXq9SK5g615(Uuk;`gb9O*N+YE+)8jO`RqyXrPc(TOyluOEr#a(NX>&6W8rlscS zP9R}f3kVq-#gNb>B`bhzBny>BFEWrK2TELw_7PyZhG*@M0J&8lyEQK(6g1+OT`GVY z0ZSzTBqL}sFa9NCF>g2!kF29bW{~{D!0ZiqV}>9TVyQFLI|F+IK$`lzN$5tgwze1A zZ05uf+fxh$?=OtRP)xKDt(S9~nvXqvp@jFz%NB~4_YOP>Zf>uL~CS4$sC3~Uj6fKpOD zmr~3H(n$5(xwEzEhH7NjP+L6=jSs$aYllMe0S^W6BsEn)D*@6-13vWxhC*;BHQ)wR zk$OO&P(WQhob}b9>gT|(elFt8CD0U97#|d|28bf~pmcymnXT0la!Nx(RTU6Us_JJK z4p~$TFa$xa;QBJH%Ay0O(0gg9Gg_cdm^w1$TW_Z8l1*qq-LDU}NYws_Uw& z=2*x(aMXZdb=~axxjAXw?Eo4|ZGB$028S0wQt(Ax@ts=_NERTZ0D7gSs=j*6h@ywE z*|P!BQqxdZI}|wO|ABx~)zF~UH`ICXCYqO&l#DN_C|TrKIhN-fUD7HbP>z{!?1cGh z9^+0u4SK=^lt;17foL*D=VNtkoX#ice4@@L>3p)z%XM{z&S&a;md^LnxlacS1JBX9 zOLy$A^Gcmp>AYI!H9DWI^Eo=N)p?!H>vcX?=XpBM*Lk7NJvwjDd6CZN>HI*Q&)4}u zx?_RPn{-unQIEZSHbkdY=r^n2;UBK9n+oH!@hy(j6h8QXu=BsodFA2 zCj1UC_PM;wH5Cp3m^dGW4MY$pP)InCM)(fqnht9h%v&)3fO#9{9hi4v{s}{XAb`*i z;2zU-eg(*@VESRU!4UceA#V`s#w{?n!4N73BLocRUpRg=;Yxu5I3&Oh0d#0KS%+-Q z&%>YF`eSNd9#_*Y&0z}z5O9|6cS_%p9Ao77gpcvt-?61-yccgsmzJH)`g)nN^dcNK zF1;8hodDCliS=$_xK_UuH&@xx>N{DVk1ehFGwUs2OK0EBdhbHI*?(cZxSP5Z_ePba z_fx#GzY?6r(vu!xy`5}n*W<$4?@d_BQrw+Tmg3F?%JDvVpf*kaW`I`t2rnA{gP$QR z^1n9uiA{cLle=xww8_tG@(Y{%(k8#M$**nl8=L&rCcm@E?``r2oBYuxf3nG+ZE}xI z_VP^KPPNHCn>@`XH`wHvHo4Iz&$7u)HhH#9o@0}nZSq{3JkKW2x5+=)&jKwLHP@mDu7%lY=Kh!F@QE02LY@I zZ2`{dnL2ubG74Zc;RQ-aVGid4#Q}^BeSvba0u>`%IWFOH0hyx)I2-OFY3JfTKDqM> z1i$=3VHJ!KXdQ(m2vnG7tgwp439ER#utrS~*63q}HD;o)N~SDOW-Dy$I=H}e+#8p_?G;mT?Rz3;kN9c@wq&;(A$!ZpWIXK&|vvn z(R&>I;HD|Z?Pd;!kCWpAkS-v5X!y7s__&?;JTT?k$DEJb8&k}K z@Xa?D;OjM;N<+S>=E0z+nF~vqZ(nl}=u&erz7tKq*EiW*;`L28mwJ6=<}zIR$m?*M zho#zbm**11$Z;tEiyWWY(UA{8kO3f#w54`-6q+Zbf?9{iT$KtsI*QC+r-IIoVl$9x z8?|%!DAqCB45mtzjxj(1DeovTL->w0!}yLf4SdI&tMQ#+cHleF>`Zx4zZ3DDWS*1? z>K&8KNGj;+*vITj1>GG}0Pqpa>+qVfR4~6|s<|eZBOe3*CKb%-m}VwY!Gex`&F+-1 zG3f619nc@l?e~}BXUVlGV{-9Y{EoLSW$cr_caSosig#w_dcY7&H-DRID_dTs08!+3 zskRx*XDA&r2`uYJ6u=-2zR@j4$cA^Y_EmdX4! zQ}m$AUx}ZUbwoIikPgNZf(E3Uxn z@DnjJ<`}htxu=rjY77uBe8-8pT@5gcI%K!Jjs@xo+QO($8T$tI6<`)1rv;`Fnnl~( z<#UxlgMhOrPvO5$IzRwgAVN9nM~D{nW&U|+tLs_He<0oAN0|fT1*C;nytoIRg|8iO z9I}cxv$pxh{FISza9E(QHQgI;dXYk*ss2k&(T-zL0`*d1)%&e}?SCyFaC3js|+ zopXoa)W$7Fi~4<$eqWbW=f&x|`w!CaOaRwAm00;udg#Up^}faT-4XbTD<6n5sIdSX;Yr|~K@3uK8QsnkBJ`?n zEud6(PQWkd(-nHf>^m9gBGS$1(S~mwAVQ>@d+=h=x88i#a;qL(dnu=Vv9J z?W3DxV(=j0$GFl)JdI_=xP~O~D%z@-S1SZh@+q#F(E}gxx~C%Zx(Dga-C&0hYDpES zD5BAcHkSAMPG|jiut>@2Y0uNv)1J@JPa8xU+2LO>al6Ji1n(iP2~07+L@99Dk8X2) zJG9U67CmJE9Oy7AjB!Z%SyalH(noR*00<1r1zLb0VSYv^ch1i%#R16aqR>AaKd<6$BW~rP{W{ zF3)t5x(ysyFl{aH_ODc^=>8VEJ+qCj#30FzM-s2>7#Q;kdi6{W?WL!4J}aH`W|{M5 z4ulAqb55C+^Eo1C7Z4+4&N+i}J{LK=DCe9Ja^9Ss^ZAr>j;1;F%jw$T1<1M_*U+{w z0vEcJ@yj^?BJh$0C^x>#SpPu3?{aGSdShBY;8XiYmn{L zOz4Vj6z)F`D)m}W$4hXE?Nr?3&FgupJaDXM6;j+F1L+phjYv#TM1`_MHxUE4{J%n% z+)OE^15!eyzg4EEdqsC3(X}$iKgl?EW~aLkr7cIa`=#eT0&Zak^>jCli-oFXy)TQ)war5W&Ap21jID>gp3Hl1@w_i#Y%M& zy69PSk@;M9+#u$K=P8a`!~FLW4eu8bNg@p0%783ojbWeiA~#<`IVKlljb)}}zwUs? z@nxgR;4>g=Ae&<+9PP46U#6JT&0V5N%-5_6{2D3Vl#TTk%0tgP8P+9%(Eu(;wS~|C zm@Suwcpz-Pjd~iRQ%2Ztps?>)U=Z1$KkstPUVoBLt*z;c=A?h|CG4brc0K94)e5Ut zayd>}R-%d@h*46Ye89~QQPO?n<=>BZYDb{m0}W(;EJy$tpc+D&J`sKAAs~@Y?Yixj zb^DweFi!>ZGBE#AFvmmCFS+>@;<|T~hPL5l%hy(yd_%GG)3Lu3v9TNfjsub)9lH~7 z1fr+SA1QVL#r_p||14skpzPu19^N*W;G+DW)`Dq}ghv*$PA$l4aEh*-XBH|tcktL6W5Rb#UielRqjxin13Fc{x4Qu z&#=)n-0nkHP2M6JK9@-ycN@9~qk6^LX2M5LUZ*1!F#Dv3x;R zDHl}|h48&N)Z-<16yvq?ZkA$f02fD*!9IPoK*yzDD-q%d9|wF=#`Kc`X6gPM}?hkzKFsO$ilufw1_)df4Nwm4p`+IRvaoY;Nf0Y2T0V{jH*LUuOKJ) zKwu3X-w$cwm*upvMr=W{kYq?&{xK*E8Yd|GBwVT&9q+Q7uTb?bMka3~lPOefEcp?! z-uMm8#PFNGv3%>TJ;hj;neU)#uVPZbLi_J>>JpLq0g-^|Yf3*})yc6!kMiG>efLjl zoQdYYkd$8gSWEZ!k(=zse-Euwx*O@H>_?e8j7ArlA5)Xd?F8PGiw=c6en#Rxn$-Rx zNc)$Nc6vH))YDU9Bc3u6Vv@kyad=tVr=;-uMtGfMoMd#Tj2_|jE%6#dyiNqK?}^tB zgL%;;^5b9uUjU&0UgY&tw%1z0>*vAjDORsGXb(qTr_xK@5;_v6>#7^X%iT_8gJzyd z0b_Ah)3KkpsyV3*FM!L8GF;VUz!9iw%QbSvN8HNnID@9M3B+p@&M-&#?@G}p%KryB Gi1JlW^fa^p literal 0 HcmV?d00001 diff --git a/telemeta/htdocs/timeside/src/player.js b/telemeta/htdocs/timeside/src/player.js index 8cc82fe8..75e8e5fc 100644 --- a/telemeta/htdocs/timeside/src/player.js +++ b/telemeta/htdocs/timeside/src/player.js @@ -190,7 +190,7 @@ var Player = TimesideClass.extend({ 'div.ts-control': { 'div.ts-layout': { 'div.ts-playback': ['a.ts-play', 'a.ts-pause', 'a.ts-rewind', 'a.ts-forward', 'a.ts-set-marker' //] - ,'a.ts-volume','select.visualizer'] + ,'a.ts-volume','img.ts-wait', 'select.ts-visualizer'] } }/*, 'div.marker-control': ['a.set-marker']*/ @@ -203,7 +203,7 @@ var Player = TimesideClass.extend({ return jQueryObjs; } - + var rewind = jQueryObjs.find('.ts-rewind'); var forward = jQueryObjs.find('.ts-forward'); @@ -212,66 +212,23 @@ var Player = TimesideClass.extend({ var volume = jQueryObjs.find('.ts-volume'); + //hide the wait image and set the src + var waitImg = jQueryObjs.find('.ts-wait'); + waitImg.attr('src','/images/wait_small.gif').attr('title','refreshing image').attr('alt','refreshing image').hide(); + //setting the select option for visualizers: var visualizers = this.getVisualizers(); - var select = jQueryObjs.find('.visualizer'); + var select = jQueryObjs.find('.ts-visualizer'); for(var name in visualizers){ $J('

').addClass('component').css({ - 'dislay':'none', - 'position':'absolute', - 'zIndex':1000, - 'overflow':'auto', - 'display':'none' //TODO: remove this - //'backgroundColor':'#666' - }); - $J('body').append(popupMarker); - var w = v.width(); - var h = v.height(); - var offs = v.offset(); //relative to the document - var width = parseInt(w/2); - var height = parseInt(h/2); - var margin = 5; - popupMarker.css({ - 'left':(margin+offs.left+width)+'px', - 'top': parseInt(margin+offs.top)+'px', - 'width':width+'px', - 'height':height+'px' - }); - popupMarker.html("
"+gettrans('title')+"
"+ - gettrans('description')+"
"); - this.getMarkerPopup = function(){ - return popupMarker; - } +// var popupMarker = $J('
').addClass('component').css({ +// 'dislay':'none', +// 'position':'absolute', +// 'zIndex':1000, +// 'overflow':'auto', +// 'display':'none' //TODO: remove this +// //'backgroundColor':'#666' +// }); +// $J('body').append(popupMarker); +// var w = v.width(); +// var h = v.height(); +// var offs = v.offset(); //relative to the document +// var width = parseInt(w/2); +// var height = parseInt(h/2); +// var margin = 5; +// popupMarker.css({ +// 'left':(margin+offs.left+width)+'px', +// 'top': parseInt(margin+offs.top)+'px', +// 'width':width+'px', +// 'height':height+'px' +// }); +// popupMarker.html("
"+gettrans('title')+"
"+ +// gettrans('description')+"
"); +// this.getMarkerPopup = function(){ +// return popupMarker; +// } }, showMarkerPopup: function(markerIndex){ @@ -427,7 +386,7 @@ var Player = TimesideClass.extend({ } var wdw = this.$J(window); var w = wdw.width(); - var h = wdw.height(); + //var h = wdw.height(); var me = this; this.dynamicResize = setInterval(function(){ var newW = wdw.width(); @@ -437,12 +396,10 @@ var Player = TimesideClass.extend({ setTimeout(function(){ if(wdw.width()==newW){ me.resize.apply(me); - }else{ - consolelog('resizing in act'); } - },150); + },200); } - },250); + },100); }, resize: function() { @@ -472,22 +429,53 @@ var Player = TimesideClass.extend({ height: height } elements.css(style); - //this.imageWidth = style.width; - //this.imageHeight = style.height; - //refreshing images - // var funcImg = function(player_image_url, width, height){ - // var _src_ = null; - // if (player_image_url && (width || height)) { - // _src_ = player_image_url.replace('WIDTH', width + '').replace('HEIGHT', height + ''); - // } - // return _src_; - // }; - // var imgSrc = funcImg(this.getImageUrl(), style.width,style.height); - // if(image.attr('src')!=imgSrc){ - // image.attr('src', imgSrc); - // } + + + //refreshing images: this.refreshImage(image); this.getRuler().resize(); + + + //adjusting select size: + //NOTE: some buttons might be hidden AFTER THIS METHOD HAS BEEN INVOKED + //TODO: why the line below does not work?!!!!! + //jQueryObjs.find('.ts-control') +// var $J = this.$J; +// var control = $J('#player').find('.ts-control'); +// var imgwait = playerelements.find('.ts-wait').hide(); +// var select = playerelements.find('.ts-visualizer'); +// var maxHeight = control.height(); +// var availableWidth = 0; +// select.siblings().each(function(i,e){ +// var ee = $J(e); +// if(ee.is('a')){ +// availableWidth+=ee.outerWidth(true); +//// consolelog(ee); +//// consolelog(ee.outerWidth()); +// } +// }); +// +// availableWidth = control.width() - availableWidth; +// var both = select.add(imgwait); +// both.css({ +// 'margin':'0px', +// 'width':'', +// 'height':'' +// }); +// +// select.css('maxHeight', (maxHeight-(select.outerHeight(true)-select.height()))+'px'); +// imgwait.css('maxHeight', (maxHeight-(imgwait.outerHeight(true)-imgwait.height()))+'px'); +// var imgMarginTop = (maxHeight- imgwait.outerHeight(true))/2; +// var selectMarginTop = (maxHeight-select.outerHeight(true))/2; +// select.css('marginTop', selectMarginTop+'px'); +// imgwait.css('marginTop', imgMarginTop+'px'); +// +// select.css('maxWidth', (availableWidth-(select.outerWidth(true)-select.width())+'px')); +// imgwait.css('maxWidth', (availableWidth-(imgwait.outerWidth(true)-imgwait.width())+'px')); +// select.css('marginLeft', ((availableWidth-select.outerWidth(true)-selectMarginTop))+'px'); +// imgwait.css('marginLeft', ((availableWidth- imgwait.outerWidth(true) - imgMarginTop))+'px'); + + return this; }, @@ -501,6 +489,7 @@ var Player = TimesideClass.extend({ }else{ image = this.getElements().find('.ts-image'); } + var select = this.getElements().find('.ts-visualizer'); var funcImg = function(player_image_url, width, height){ var _src_ = null; if (player_image_url && (width || height)) { @@ -508,13 +497,29 @@ var Player = TimesideClass.extend({ } return _src_; }; - var imageUrl = this.getElements().find('.visualizer').val(); + var imageUrl = this.getElements().find('.ts-visualizer').val(); //alert(imageUrl); var imgSrc = funcImg(imageUrl, image.width(),image.height()); - if(image.attr('src')!=imgSrc){ + + if(image.attr('src')==imgSrc){ // consolelog('setting attrt'); - image.attr('src', imgSrc); + return; } + var w =select.width(); + var h = select.height(); + select.hide(); + var progressBar = this.getElements().find('.ts-wait').css({'width':w+'px','height':h+'px'}).show(); + + image.load(function(){ + progressBar.hide(); + select.show(); + image.unbind('load'); + }); + //this timeout is set in order to leave the time to hide show components above: + //setTimeout(function(){ + image.attr('src', imgSrc); + //},100); + }, getSoundVolume :function(){ -- 2.39.5