InstructionalEngineer

Flash to HTML5 Conversion – Rescuing Courses That No Longer Run

By Instructional EngineerCourse Conversion8 min read · Updated

Flash to HTML5 Conversion – Rescuing Courses That No Longer Run - 3D Cutaway Animation

A learner clicks a course in the LMS and gets a blank gray box, a puzzle-piece icon or nothing at all. The help desk receives the ticket, then another, until someone discovers that a large portion of the training library was built in Flash. The courses still exist, but they no longer run anywhere. So what does a flash to HTML5 conversion actually involve, and how do you plan one without wasting time and money?

A flash to HTML5 conversion takes courses built for the retired Adobe Flash Player and turns them into HTML5 content that runs in any modern browser, on desktops, tablets and phones. How you do it depends on what you still have. If you have the original authoring files from a tool that now publishes HTML5, you may be able to update and republish. If you only have the published .swf files, you will need to recover the content and rebuild the course in a current authoring tool. Some courses are better retired than converted, so begin with an inventory, sort courses by value and available source files, then convert the important ones first.

Why Did Flash Courses Stop Working?

They stopped working because the player they depend on is gone. Flash content required a browser plug-in, and for years that plug-in was everywhere, but mobile devices never supported it well, browsers grew more cautious about plug-ins, and the industry moved to open web standards. Adobe ended support for Flash Player on December 31, 2020, and its Flash Player end-of-life page explains that it blocked Flash content from running starting January 12, 2021. Major browsers removed Flash as well.

As a result, a course published to .swf files has nothing to play it in a normal browser. This is not a setting you can change or a plug-in you can safely reinstall, so the solution is to move the content onto HTML5, which is the native language of the web and requires no plug-in at all.

What Do You Have to Work With?

Before anyone discusses cost, find out which files exist, because that single question determines most of the plan.

Flash-era courses came from two broad sources. Some were built directly in Flash, with the editable source saved as .fla files and the published output as .swf files. Others were built in authoring tools that published to Flash, such as earlier versions of Adobe Captivate or Articulate's Flash-era products, and because many of those tools later added HTML5 output, their source files may still be useful.

What you haveLikely pathRelative effort
Source files from an authoring tool that now publishes HTML5Open in a current version, fix what breaks, republishLow to medium
.fla source files from FlashUse them to recover assets and logic, then rebuild in a modern toolMedium to high
Only published .swf filesExtract what you can, recapture the rest, rebuildHigh
Nothing but a storyboard, script or memoryTreat it as a new course built from old notesHigh

Search shared drives, old project folders, vendor deliverables and backup archives, and ask whoever managed the original vendor contract. Source files appear in unexpected places, and locating them can reduce the effort considerably.

Three Paths for Flash to HTML5 Conversion

Republish From Source

This is the least expensive path when it works: open the original project in a current version of the authoring tool, upgrade it and publish to HTML5. Expect some breakage, because old interactions may behave differently, fonts may shift and anything built with custom Flash code will not carry over. Budget time to test every screen, not just the first few.

Rebuild in a Modern Tool

When source files are missing or unusable, you rebuild by extracting text, images, audio and quiz questions from whatever you have and constructing the course again in a current authoring tool. This sounds like starting over, but it is usually faster than a brand-new course, because the instructional design, script and assessment already exist. It is also an opportunity to correct problems that frustrated learners for years.

Retire or Replace

Some Flash courses should not return. If the content is outdated, the process has changed or nobody has assigned the course in years, converting it wastes money, so retire it or replace it with something shorter that reflects current practice.

How Do You Plan the Conversion?

Treat it like any other project with a fixed budget and a long list of deliverables, and use the steps below to keep it under control.

  1. Inventory everything. List every course, its format, its owner, who takes it and whether source files exist. A spreadsheet is fine.
  2. Rank by value. Compliance and safety courses that people must complete come first. Courses nobody assigns come last or not at all.
  3. Confirm the content is still accurate. Ask an SME (subject matter expert) to review the script before you spend money rebuilding something that is wrong.
  4. Recover assets. Export images and audio from source files. If you only have .swf files, open-source SWF decompiler tools can often pull out images, sounds and text, provided you own the content or your agreement with the original vendor allows it. Results vary.
  5. Pick one pilot course. Convert it, test it in the LMS, and use it to estimate the rest.
  6. Convert in batches. Group similar courses so the team reuses templates and fixes.
  7. Retest and relaunch. Check tracking, completion and scores in the LMS before learners see anything.

Plan for learner records as well. If the new course becomes a separate LMS item, decide how to handle people who completed the old version. Most organizations keep the old completions on record and assign the new course only when retraining is due.

What Gets Better in HTML5?

More improves than you might expect. HTML5 courses run in a standard browser with nothing to install, which by itself eliminates an entire category of help desk tickets.

A converted course is also an opportunity to shorten things, since Flash courses often had long introductions, animated title screens and click-to-continue padding. Remove them, because nobody will miss the spinning logo.

Can an Automatic Converter Do the Job?

Sometimes it can for simple content, but rarely for a whole course. Tools that claim to turn .swf files directly into HTML5 work best on basic animations and linear slides, and they struggle with quizzes, branching, custom code and anything that reported scores to an LMS. Even when the output looks correct, the tracking may not function.

Flash to HTML5 Conversion – Rescuing Courses That No Longer Run - 3D Wireframe Animation

There is also the question of maintenance afterward. Automatically converted output is often difficult to edit, so the next content change sends you back to a developer. A course rebuilt in a normal authoring tool can be updated by anyone on the team who knows that tool.

If someone offers an automatic route, request a sample and run one of your real courses through it, load the result into your LMS and check three things: does it display correctly on a tablet, does completion register and can your team open and edit the result? If the answer to any of those questions is no, it's not really a shortcut.

How Should You Test a Converted Course?

Test it the way your learners will actually use it, not the way the developer previewed it. A thorough test pass covers the following:

Keep a simple defect log that records the screen, the problem and the correction. After the pilot course, that log becomes a checklist for every conversion that follows, so the same mistakes stop repeating.

What Usually Costs More Than Planned?

Three factors tend to inflate a conversion estimate well beyond the original plan.

Custom interactions are the first. A drag-and-drop simulation coded by hand in Flash has no automatic equivalent, so someone has to rebuild it, and that requires real development time. Decide whether the interaction is worth keeping or whether a simpler activity teaches the same skill.

Audio is the second. If the original narration files are lost, you may need to re-record, and if the script changed, you will need to re-record anyway. Video recorded at older resolutions may also look poor on modern screens.

The third is testing, because teams consistently underestimate how long it takes to check every screen, quiz and tracking setting across browsers and devices. Plan for it from the first day.

What If Some Courses Are Even Older Than Flash?

Many libraries have layers, and beneath the Flash courses there may be programs that once ran from CD-ROMs or installed software on a training room PC. Those require a different kind of rescue, and our guide to CBT to WBT conversion covers how to move computer-based training to the web. The planning is similar: inventory, triage, recover and rebuild what matters.

Getting Stranded Courses Back on Shift

A flash to HTML5 conversion is really a recovery job: the player is gone, so the content has to move. The best results come from locating source files first, ranking courses by importance, piloting one conversion and then working in batches, while courses that no longer earn their place can be retired.

Start with the inventory. Once you know what you have, which courses people still need and which ones have usable source files, the budget conversation becomes much easier, and so does closing those help desk tickets. If you'd like help with that inventory, Flash to HTML5 conversion is one of the services I offer, and once I see the files I can usually tell you quickly which path each course needs.

← All articles