Re: (X)HTML5 + SMIL?

--000e0cd7080ef33e97048147fedc
Content-Type: text/plain; charset=ISO-8859-1

Awesome, thanks to both of you.  I'm going to try rewriting my mate's
HTML5+JS presentation using Petri's timesheet.js + HTML5, and see how that
goes (may be a few days though, i'm getting geared up for SxSWi).  I'm
particularly interested in seeing how well behaved Timesheets are w/ media
elements.

Do either of you think that there are things that would be nice to have in
HTML5 that would make implementing things like synchronization easier?

-Ted

On Mon, Mar 8, 2010 at 5:41 AM, Petri Vuorimaa <[email protected]>wrote:

> David,
>
> Thanks for pointing out also my Timesheets implementation. I haven't been
> working on it for a while. However, if I remember correctly I was able to
> implement all the major features in the SMIL Timesheets document [1]. Even,
> prefetcing and animations work [2]. Implementing the missing features [3]
> shouldn't be a big problem
>
> The layout is taken care by the browser CSS layout engine, which is pretty
> efficient in most modern browsers. The Javascript part is rather simple, and
> thus I didn't find any real performance problems.
>
> I hoping to see some real life use cases. Then, it would be possible to do
> more detailed performance analysis using, e.g., Firebug [4].
>
> Yours,
>
> Petri Vuorimaa
> Aalto University
>
> [1] http://www.w3.org/TR/timesheets/
> [2] http://www.tml.tkk.fi/~pv/timesheets/tests.xhtml
> [3] http://www.tml.tkk.fi/~pv/timesheets/features.xhtml
> [4] http://getfirebug.com/
>
> On 8.3.2010, at 12:06, David Leunen wrote:
>
>
>
>> I'm curious what your experience implementing this in JS has been, whether
>> there are particular performance issues you've encountered, or things that
>> were particularly difficult that you may have had to hack around or
>> anything?
>>
>
>
> I tried to introduce the least hacks possible. Nevertheless, I consider the
> entire script is a hack.
> I haven't stress tested it, so I don't know where are the performance
> bottlenecks. I guess it depends on the JS engines.
> The main difficulty is implementing additivity. The script need a major
> rewrite for that (i.e it doesn't strictly follow the model SMIL defines :
> aka sandwich model).
> Another bug is that animations' starts are not strictly calculated, but
> relies on events. So they may become out of sync, if they are repeated many
> times.
> Apart from that, everything was pretty straightforward, if I remember well.
>
>
> (There's also that timesheet implementation :
> http://www.tml.tkk.fi/~pv/timesheets/ )
>
>
>

--000e0cd7080ef33e97048147fedc
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

Awesome, thanks to both of you. =A0I&#39;m going to try rewriting my mate&#=
39;s HTML5+JS presentation using Petri&#39;s timesheet.js + HTML5, and see =
how that goes (may be a few days though, i&#39;m getting geared up for SxSW=
i). =A0I&#39;m particularly interested in seeing how well behaved Timesheet=
s are w/ media elements.<div>
<br></div><div>Do either of you think that there are things that would be n=
ice to have in HTML5 that would make implementing things like synchronizati=
on easier?<br><br></div><div>-Ted</div><div><br><div class=3D"gmail_quote">
On Mon, Mar 8, 2010 at 5:41 AM, Petri Vuorimaa <span dir=3D"ltr">&lt;<a hre=
f=3D"mailto:[email protected]">[email protected]</a>&gt;</span> wro=
te:<br><blockquote class=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-=
left:1px #ccc solid;padding-left:1ex;">
<div style=3D"word-wrap:break-word">David,<div><br></div><div>Thanks for po=
inting out also my Timesheets implementation. I haven&#39;t been working on=
 it for a while. However, if I remember correctly I was able to implement a=
ll the major features in the SMIL Timesheets document [1]. Even, prefetcing=
 and animations work [2]. Implementing the missing features [3] shouldn&#39=
;t be a big problem</div>
<div><br></div><div>The layout is taken care by the browser CSS layout engi=
ne, which is pretty efficient in most modern browsers. The Javascript part =
is rather simple, and thus I didn&#39;t find any real performance problems.=
</div>
<div><br></div><div>I hoping to see some real life use cases. Then, it woul=
d be possible to do more detailed performance analysis using, e.g., Firebug=
 [4].</div><div><br></div><div>Yours,</div><div><br></div><div>Petri Vuorim=
aa</div>
<div>Aalto University</div><div><br></div><div>[1]=A0<a href=3D"http://www.=
w3.org/TR/timesheets/" target=3D"_blank">http://www.w3.org/TR/timesheets/</=
a></div><div>[2]=A0<a href=3D"http://www.tml.tkk.fi/~pv/timesheets/tests.xh=
tml" target=3D"_blank">http://www.tml.tkk.fi/~pv/timesheets/tests.xhtml</a>=
</div>
<div>[3]=A0<a href=3D"http://www.tml.tkk.fi/~pv/timesheets/features.xhtml" =
target=3D"_blank">http://www.tml.tkk.fi/~pv/timesheets/features.xhtml</a></=
div><div>[4]=A0<a href=3D"http://getfirebug.com/" target=3D"_blank">http://=
getfirebug.com/</a></div>
<div><div></div><div class=3D"h5"><div><br><div><div>On 8.3.2010, at 12:06,=
 David Leunen wrote:</div><br><blockquote type=3D"cite">=A0<div class=3D"gm=
ail_quote"><blockquote class=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;bor=
der-left:1px #ccc solid;padding-left:1ex">
<div>I&#39;m curious what your experience implementing this in JS has been,=
 whether there are particular performance issues you&#39;ve encountered, or=
 things that were particularly difficult that you may have had to hack arou=
nd or anything?</div>

</blockquote><div><br></div><div><br></div><div>I tried to introduce the le=
ast hacks possible. Nevertheless, I consider the entire script is a hack.</=
div><div>I haven&#39;t stress tested it, so I don&#39;t know where are the =
performance bottlenecks. I guess it depends on the JS engines.</div>

<div>The main difficulty is implementing additivity. The script need a majo=
r rewrite for that (i.e it doesn&#39;t strictly follow the model SMIL defin=
es : aka sandwich model).</div><div>Another bug is that animations&#39; sta=
rts are not strictly calculated, but relies on events. So they may become o=
ut of sync, if they are repeated many times.</div>

<div>Apart from that, everything was pretty straightforward, if I remember =
well.</div><div><br></div><div><br></div><div>(There&#39;s also that timesh=
eet implementation : <a href=3D"http://www.tml.tkk.fi/~pv/timesheets/" targ=
et=3D"_blank">http://www.tml.tkk.fi/~pv/timesheets/</a> )</div>

</div>
</blockquote></div><br></div></div></div></div></blockquote></div><br></div=
>

--000e0cd7080ef33e97048147fedc--