<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><br><div><div>On Feb 9, 2010, at 7:03 AM, Mike Ressler wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite">I did the same and had the same complaint about TimeRanges. Everything was easy with the canvas object, I just wished I could get access to the buffered range. The native browser controls had it, but developers can't duplicate that effect.<div>
<br></div><div>Anyone on this list have an idea when we could expect TimeRanges to be settled on in the spec?<br><br></div></blockquote><div><div> WebKit has supported the 'buffered' property for more than two years: <a href="http://trac.webkit.org/browser/trunk/WebCore/html/HTMLMediaElement.cpp?rev=27277#L899">http://trac.webkit.org/browser/trunk/WebCore/html/HTMLMediaElement.cpp?rev=27277#L899</a>. The initial implementation could only return a single buffered range, but that was fixed six months ago: <a href="http://trac.webkit.org/browser/trunk/WebCore/html/HTMLMediaElement.cpp?rev=48267#L1479">http://trac.webkit.org/browser/trunk/WebCore/html/HTMLMediaElement.cpp?rev=48267#L1479</a></div><div><br></div></div><div><div> The Safari Reference Library has a good demo of a custom HTML5 <video> controller, <a href="http://developer.apple.com/safari/library/samplecode/HTML5VideoPlayer/">http://developer.apple.com/safari/library/samplecode/HTML5VideoPlayer/</a>. Description from the page is:</div><div><br></div><div> This sample builds a video controller using CSS3 and HTML 5 — specifically, the </div><div> HTML 5 <video> element, the HTMLMediaElement DOM interface, and CSS3 </div><div> Transitions and Transforms. JavaScript is used to pause, play, mute, control volume, </div><div> seek through content in real time, and monitor the amount of video data that has </div><div> been loaded. CSS3 is used to hide and show the playback controls.<br><br> This sample illustrates several core media programming design patterns and general</div><div> best practices for the Web. For instance, all aspects of presentation are handled </div><div> by CSS, scripts are free of assumptions about CSS metrics or appearance, CSS </div><div> classes reflect the UI state, and DOM events are used to trigger updates to playback </div><div> state in the user interface.</div><div><br></div><div>eric</div><div><br></div></div><br><blockquote type="cite"><div><div class="gmail_quote">On Tue, Feb 9, 2010 at 8:12 AM, Andre "Osku" Schmidt <span dir="ltr"><<a href="mailto:andre.osku.schmidt@osku.de">andre.osku.schmidt@osku.de</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0.8ex; border-left-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; padding-left: 1ex; position: static; z-index: auto; "><div class="im">On Tue, 2010-02-09 at 10:22 -0200, Lauro Strazzabosco Dorneles wrote:<br>
> Hi all,<br>
><br>
> can I control the visual video web player buttons, like play, pause,<br>
> stop, timeline, etc.... do you have any example where I could get<br>
> informed on all this stuff?<br>
<br>
</div>dunno if you can modify the looks of the browser "embedded" player, but<br>
i did do (months ago) my own controls in SVG+JS. it kinda worked, but i<br>
gave up as no browser implemented "buffered" (or was it "TimeRanges")...<br>
<br>
<a href="http://www.w3.org/TR/html5/video.html#media-element" target="_blank">http://www.w3.org/TR/html5/video.html#media-element</a><br>
<a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-elements" target="_blank">http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-elements</a><br>
<br>
maybe they are better implemented these days, i should test again...<br>
<br>
cheers<br>
.andre<br>
<br>
<br>
_______________________________________________<br>
Help mailing list<br>
<a href="mailto:Help@lists.whatwg.org">Help@lists.whatwg.org</a><br>
<a href="http://lists.whatwg.org/listinfo.cgi/help-whatwg.org" target="_blank">http://lists.whatwg.org/listinfo.cgi/help-whatwg.org</a><br>
</blockquote></div><br></div>
_______________________________________________<br>Help mailing list<br><a href="mailto:Help@lists.whatwg.org">Help@lists.whatwg.org</a><br>http://lists.whatwg.org/listinfo.cgi/help-whatwg.org<br></blockquote></div><br></body></html>