SPi Global’s Flash to HTML5 Solutions

With previous HyperText Markup Language (HTML) versions in the past decade, Flash was used in tandem to power multimedia functions on web pages. This was because older HTML structures could only support text and pictures while the relatively new Flash provided new interactive channels such as animation, graphics, video, and audio.

It was the perfect pairing: Flash’s fresh, dynamic approach synergized well with HTML’s structured, linear base.

Or so it seemed.

One of the drawbacks of Flash technology was that it was a plug-in that required installation. Hence, it was an added bother to Internet users who expected their browsers to immediately run multimedia functions, without the knowledge of setting up Flash on their computers.

That was the case, however, until recently. Current developments in Internet and coding technology have eliminated the need for the hybrid use of HTML plus Flash.

In 2006, the World Wide Web Consortium (W3C) and the Web HyperText Application Technology Working Group (WHATWG) created a new version of HTML called HTML5.

Some new features of HTML5 were a code structure based on HTML, CSS, DOM, and JavaScript, which reduced dependence on plug-ins like Flash. It was also invented to universally function across multiple platforms such as PCs, laptops, tablets, smartphones, and even smart TVs.

With the standardization of HTML5 due this year, it’s time for institutions –corporations, schools, laboratories, etc. – to rely on Flash to HTML5 conversions to deliver rich web content. How? By utilizing SPi Global’s Solutions:


The modern approach to conversions

In order to handle complex animation processes, SPi Global carefully separates and captures each animation part and converts them into an HTML5 file. These are then faithfully revised so the functionality remains the same in the HTML5 output. We use JavaScript as a tool to resize the object according to client specifications.

For audio files, one way we carry them over onto the HTML5 product is converting them into an .mp4 tutorial, since .mp4 files are capable of being loaded into any HTML5 file.

When dealing with photographs, our HTML5 processes are able to convert Portrait to Landscape and vice versa through two separately written CSS codes that enable this function.

For other HTML5 features, we already have a repository of tested codes for functions such as ‘click and drag’ and ‘check all that apply’, to name a few.


Conversion Process

Some of the methods we use to convert Flash to HTML5 include, but are not limited to:


I. Analysis

- Evaluation and identification of task difficulty.

- Comprehension of specifications required prior to conversion.

- Recognition of files that can be converted and need to be recreated.

II. Redesign and Extraction

- HTML5 template modification.

- Create workflow so conversion is efficient.

III. Encoding

- Use JavaScript and CSS3 to encode interactivity.

- Media file conversion to required format.

IV. Production

- Review of technical requirements and assigning of tasks.

- Production management.

V. Q&A

- Testing.

- Review.

- Application of necessary revisions.