Home » Archive

Articles in the Web Experiments Category

Cool & Future Tech, Featured, Headline, html5, Web Experiments »

[17 Jul 2013 | 6 Comments | ]
Build an MPEG-DASH player from Scratch

This post will show you how to build an MPEG-DASH video player using Javascript.
tl;dr? Skip to the demo (chrome only) http://francisshanahan.com/demos/mpeg-dash.
Dynamic Adaptive Streaming over HTTP (DASH) enables streaming of media content delivered from conventional HTTP web servers. Fragments served are static pieces of media so no server-side component required. This is very similar to HLS but unlike HLS MPEG-DASH is the first adaptive bit-rate HTTP-based streaming solution that is an international standard. Reference [LINK]
The recent Build conference announced Netflix’s plan for Playready DRM+HTML5 in the browser without plugins, …

Cool & Future Tech, Featured, Headline, html5, Things I've Made, Web Development, Web Experiments »

[9 Oct 2010 | 3 Comments | ]
Solving the Traveling Salesman Problem with Genetic Algorithms and HTML5 Web Workers

Irreducible Complexity – the world is too complex to have evolved! Let’s see…
HTML5 introduces the ability to perform multi-threading in the browser using Javascript through the notion of “Web Workers”. So far I have only seen examples of using workers to calculate very high prime numbers. I took a fresh look at these from the standpoint of genetic algorithms and applied it to the Traveling Salesman Problem (a classic). The results are a multi-threaded implementation of the TSP in Javascript capable of converging on a solution for up to 200 cities, …

Cool & Future Tech, Featured, Headline, html5, Web Experiments »

[24 Jul 2010 | 4 Comments | ]
Create CSS Rules from an HTML5 Canvas

Here I show how you can re-use your Canvas images as CSS backgrounds using another interesting feature coming in HTML5. You’ll need a browser supporting CSS3 and Canvas, Chrome, Opera, Safari or Firefox will do.

Cool & Future Tech, Featured, Headline, html5, Web Development, Web Experiments »

[21 Jul 2010 | One Comment | ]
Identicon5 – Identicons using HTML5 Canvas & JQuery

What do you get when you combine Digital Identity, MD5 Hashes, the Canvas element, JQuery and Quilting? Answer: My first JQuery plugin – “Identicon5″ for want of a better name.
Identicon5 is a JQuery plugin that takes an MD5 hash and converts it to a unique image. It’s called Identicon5 since it works through the HTML5 Canvas element.
Working Demo is here: http://francisshanahan.com/identicon5/test.html
Project page is here: http://francisshanahan.com/index.php/identicon5
JQuery Plugin page is here: http://plugins.jquery.com/project/identicon5
Identicons provide a nice visual representation of a user’s identity, that’s unique to that user, without divulging any …

Cool & Future Tech, Featured, Headline, html5, Web Development, Web Experiments »

[13 Jul 2010 | One Comment | ]
HTML5 Canvas vs SVG

What is the new Canvas tag in HTML5 all about? And why would I use it over SVG (scalable vector graphics)? I took a look and here’s what I found out…

Featured, Headline, Web Development, Web Experiments »

[9 Apr 2010 | No Comment | ]
A Simple GWT Generator Example

Generators allow the GWT coder to generate Java code at compile time and have it then be compiled along with the rest of the project into JavaScript. They are a sort of similar to T4 Templates in the .NET world. I don’t recommend Generators because you end up writing a lot of code in printLn()s which is sort of the opposite of “maintainability”. However, there were so few examples available I decided to post a simple one here just for the sake of it.
My Use Case is I want …

Digital Identity, Featured, Things I've Made, Web Experiments »

[9 Jan 2009 | No Comment | ]
Foolstr.com Soft Launch

"The fool is proud of the one thing he knows…"

foolstr is a new website, located at www.foolstr.com. It’s all about the Wisdom of Crowds. foolstr lets you publish your ideas, lessons learned and get feedback from the community. It’s a simple social site, intended to gather up collective wisdom.

foolstr is innovative in that it relies on OpenID as its form of authentication. This …

Things I've Made, Web Experiments »

[3 Oct 2007 | No Comment | ]

Before I forget; Today I took a call with Olga Kharif from BusinessWeek [LINK]. She’s doing a piece on social networking and Google, specifically Orkut. I doubt I’ll be quoted but will watch out for the article in any case. Here’s a link to the last time [LINK] I was interviewed by her colleague Robert Hof [LINK].

Cool & Future Tech, Things I've Made, Web Experiments »

[4 Sep 2007 | No Comment | ]

This website is primarily for my own gratification and rarely do I presume to think that it’s a valuable source of information. On the other hand, I do occasionally put forth the odd interesting nugget of information that you won’t generally find elsewhere.
Hence it’s always gratifying to come across websites that link to mine as a point of reference. Today I came across two such instances. The first is Wikipedia on their Live USB page [LINK] referencing my post on how to install and boot Linux from a Creative …

Things I've Made, Web Experiments »

[5 Aug 2007 | One Comment | ]

I’ve done some multi-threading programming the last week or so for fun. Here’s the result:

This picture is made up of a few thousand photos, selected from a repository of 35,000. No image is repeated in the collage. I think I’ll make a few more when I get a spare minute. If you’d like one made for yourself, let me know.