Albertux# ./Blog

Processing.js

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.

Processing IDE:

Let’s play:

Examples on the Web:
http://processingjs.org/learning

Website: http://processingjs.org/

html5 video tag

html5 video tag:
http://www.w3schools.com/tags/html5_video.asp

Opera 9.52 and Video Tag:
http://dev.opera.com/articles/view/a-call-for-video-on-the-web-opera-vid/

Mozilla Firefox 3.1 Beta support Video Tag:
http://www.mozilla.com/en-US/firefox/all-beta.html

Ogg Theora:
http://www.theora.org/

Example:

Sorry, your browser does not support the <video> element.

Duration: unknown Downloaded: unknown Time: unknown

Source:

<script type="text/javascript" src="http://albertux.ayalasoft.net/js/tinyvid.js"></script>
<video id="v1" src="http://ayalasoft.net/media/amerika.ogg"
	onloadedmetadata="updateduration();updatetime();"
	ondurationchanged="updateduration()"
	ontimeupdate="updatetime()"
	onprogress="updateprogress(event)"
	controls="controls">
<p>Sorry, your browser does not support the &lt;video&gt; element.</p>
</video>
<p>Duration: <span id="duration">unknown</span> Downloaded: <span id="progress">unknown</span> Time: <span id="time">unknown</span></p>

Video tag testing:
http://www.double.co.nz/video_test/