Html5 Archives - BinaryTides

Monitor progress of long running Php scripts with Html5 server sent events

Silver Moon — Wed, 06 Mar 2013 11:36:49 +0000

Server sent events When running a long serverside task inside a web application it becomes very useful, if not necessary to report the progress of that task in realtime to the clientside, that is the browser. Earlier there was no easy way to do this and hacks had to be constructed to achieve such a... Read More »

The post Monitor progress of long running Php scripts with Html5 server sent events appeared first on BinaryTides.

Websockets with php – tutorial on basics

Silver Moon — Tue, 12 Feb 2013 15:05:14 +0000

Websockets Websockets is a new feature available in browsers as a part of the Html5 specs that allows javascript clients to open bi directional socket connections to a server. Currently all major desktop browsers support the api. Websocket is not an independant socket protocol, but is based on the TCP protocol just like HTTP. Therefore... Read More »

The post Websockets with php – tutorial on basics appeared first on BinaryTides.

Add custom functions to the html5 audio element for better functionality

Silver Moon — Tue, 01 Jan 2013 11:57:53 +0000

Html5 Audio The html5 audio element provides a simple api to play sound files like mp3, ogg, wav etc. It can be created by putting an audio tag in the html or by creating an instance of the Audio object in javascript. Here is a quick example of using it from within javascript code. var... Read More »

The post Add custom functions to the html5 audio element for better functionality appeared first on BinaryTides.

Add a stop function to the html5 audio element

Silver Moon — Mon, 31 Dec 2012 12:06:06 +0000

The Audio element of html5 does not yet have a stop function, but has a pause function. So here is a simple trick to add a stop function to your Audio elements by modifying the prototoype of the class. //Give the Audio element a stop function HTMLAudioElement.prototype.stop = function() { this.pause(); this.currentTime = 0.0; }... Read More »

The post Add a stop function to the html5 audio element appeared first on BinaryTides.

Using the html5 audio element from javascript

Silver Moon — Fri, 28 Dec 2012 10:33:30 +0000

Sometime back I was making a browser based game in the html5 canvas tag which had some audio too. The html5 audio tag is an easy option to add sound/music to any webpage. It can play variety of formats like wav, ogg and mp3. However format support itself varies across browsers. The audio element can... Read More »

The post Using the html5 audio element from javascript appeared first on BinaryTides.

Validate file upload with html5 file api

Silver Moon — Tue, 06 Dec 2011 14:08:27 +0000

The html5 file api provides lots of new features which can be used to read files on clientside from within the browser. Lets take a look at this Demo first : This file upload control will only take zip or png files which are less than 1MB in size. For any other files it will... Read More »

The post Validate file upload with html5 file api appeared first on BinaryTides.