How to convert Flash to HTML5 with Swiffy

Cameron Laird October 12, 2015

Time for a change

Last month, Google Chrome ended support for Flash ads. Additionally, many mobile devices, most famously Apple’s iPads and iPhones, do not directly support Flash. It only makes sense, then, if you find yourself doing maintenance on a site with an extensive backlog of Flash content, you’ll perhaps need to consider converting that content to HTML5 — the web’s current standard for content display.

It’s worthwhile to note that HTML5 is a target format with its own challenges.

For example, older desktop browsers support only subsets of HTML5 and several common Flash effects may be infeasible with HTML5. Given the complex nature of the relationship between Flash and HTML5, you might need to convert your SWF files individually.

Swiffy is one choice for doing this. Swiffy is a free web application with a straightforward premise: upload a .swf file and get a corresponding HTML5 file in return. Swiffy is an actively maintained service and can run either on a local desktop or as a hosted web application.

To convert an existing .swf file using the Swiffy site, visit the site and go through the upload process.

Once Swiffy does its conversion, you can use the converted application in an iframe such as:


</pre>
<p>It is important to note that Swiffy has limits. As of this writing, the free converter only accepts inputs up to one megabyte in size. If this limitation causes a problem, another option is <a href="https://helpx.adobe.com/flash/how-to/what-is-flash.html">Flash Professional CC</a>, a commercial application which offers more robust support for HTML5 conversion. As trends and technologies evolve, there will always be inflection points where incumbent technologies will be overtaken by new ones. While these transitions are sometimes difficult, having the right tools available to ease the transitions can help.</p>

					<p class="gdb-entry__illustrated-by">
				Image by:				<a target="_blank" href="https://www.flickr.com/photos/14100967@N08/4608032001/">bilderheld</a> via <a href="http://compfight.com">Compfight</a> <a href="https://creativecommons.org/licenses/by/2.0/">cc</a>			</p>
		
		
	</div><!-- .entry-content -->



	<footer class="gdb-entry__footer">
		
		<div class="gdb-entry__tags">
			<span class="gdb-hashtag">
  <a class="gdb-hashtag__link" href="https://www.godaddy.com/garage/development/">
    <span class="gdb-hashtag__label">#development    </span>
  </a>
</span>
		</div>


		
	<div class="gdb-author-card ">
					<figure class="gdb-author-card__avatar">
				<img src="https://www.godaddy.com/garage/wp-content/uploads/2015/05/CameronLaird_BW-150x150.jpg" alt="Cameron Laird" class="avatar avatar-card-author wp-user-avatar wp-user-avatar-card-author alignnone photo" />			</figure>
				<div class="gdb-author-card__details">
			<div class="gdb-author-card__header">
				<h3 class="gdb-author-card__name">
												<a href="https://www.godaddy.com/garage/author/cameron-laird/">Cameron Laird</a>
									</h3>
			</div>

							<div class="gdb-author-card__bio">A full-time programmer and project leader, Cameron Laird also has regularly reported on technical topics since he began reading farm commodity prices for early-morning commercial radio decades ago. From his base on the Texas Gulf Coast, he studies logfiles and support tickets in at least half a dozen time zones.</div>
			
							<div class="gdb-author-card__action">
					<a href="https://www.godaddy.com/garage/author/cameron-laird/" class="btn-small">
						More Articles by Cameron					</a>
				</div>
			
		</div>
	</div>
	
		<!-- TODO: List of followable topics?  -->

	</footer><!-- .entry-footer -->

</article><!-- #post-## -->
			
			
		
		</main><!-- #main -->
	</div><!-- #primary -->

	
<div id="secondary" class="sidebar widget-area" role="complementary">

    <aside id="gdb_products_widget-2" class="widget widget_gdb_products_widget">
        
    </aside><aside id="gdb_newsletter_widget-2" class="widget widget_gdb_newsletter_widget">
        
            <aside class="widget gdb-newsletter-widget">
                                    <div class="widget-title gdb-newsletter-widget__title">
                        Get our newsletters!                    </div>
                                <div class="gdb-newsletter-widget__body">
                    

<form
    action="https://gui.godaddy.com/v1/subscription/subscribe"
    id="us_v2_signup_form"
>
    <div id="us_v2_signup_form__form">
        <div>
            <label for="signup_email">
                Email            </label>
            <br/>
            <input 
                id="signup_email" 
                name="EmailAddress" 
                placeholder="you@example.com"
                style="margin-bottom:0.5em;"
                type="text"
            />
            <div
                id="us_v2_signup_form__errors"
                style="display:none; color:#BB0033; font-size:14px;"
            ></div>
                            <input type="hidden" name="TemplateTypeKey" value="GDWelcomeConfirmationSB">
                            <input type="hidden" name="TemplateNamespaceKey" value="GDSHOP">
                            <input type="hidden" name="confirmationEmailTemplate" value="3801">
                            <input type="hidden" name="PublicationId" value="17">
                            <input type="hidden" name="CurrencyId" value="USD">
                            <input type="hidden" name="MarketId" value="en-US">
                    </div>
        <div>
            <input
                class="submit btn-inline-submit"
                id="webform_submit_button"
                type="submit"
                value="Subscribe"
            />
        </div>
    </div>
    <div
        class="gdb-v2-signup-form-confirmation"
        id="us_v2_signup_form__confirmation"
        style="display:none"
    ></div>
</form>

<p class="gdb-newsletter-widget__form-note">
    By subscribing you agree to receive special news and related offers from GoDaddy.</p>                </div>
            </aside>

        
    </aside>    
</div>


		</div><!-- .container -->
	</div><!-- #content -->
					<footer id="colophon" class="gdb-footer" role="contentinfo">
		<div class="gdb-footer__container">

			<p class="gdb-footer__disclaimer">
				Use of this Site is subject to express terms of use. By using this site, you signify that you agree to be bound by these <a href="https://www.godaddy.com/agreements/showdoc.aspx?pageid=UTOS&amp;app_hdr=0">Universal Terms of Service</a>.			</p>

			<ul class="gdb-footer-links">
				<li class="gdb-footer-links__item">
					<a href="https://www.godaddy.com/legal-agreements.aspx?otab=2" class="gdb-footer-links__link">
						Legal					</a>
				</li>
				<li class="gdb-footer-links__item">
					<a href="https://www.godaddy.com/agreements/showdoc.aspx?pageid=PRIVACY" class="gdb-footer-links__link">
						Privacy Policy					</a>
				</li>
									<li class="gdb-footer-links__item">
						<a href="http://preferences-mgr.truste.com/?pid=godaddy01&amp;aid=godaddy01&amp;type=godaddy" class="gdb-footer-links__link">
							Advertising Preferences						</a>
					</li>
								<li class="gdb-footer-links__item">
					<a href="https://www.godaddy.com/agreements/showdoc.aspx?pageid=24668" class="gdb-footer-links__link">
						Cookies					</a>
				</li>
			</ul>

			<p class="gdb-footer__copyright">
				Copyright &copy; 1999 &ndash; 2020 GoDaddy Operating Company, LLC. All Rights Reserved			</p>

		</div>
	</footer><!-- #colophon -->
</div><!-- #page -->

<div id="gtm_privacy"></div>


			<script type="text/javascript">
			function showhide_toggle(type, post_id, more_text, less_text) {
				var   $link = jQuery("#"+ type + "-link-" + post_id)
					, $link_a = jQuery('a', $link)
					, $content = jQuery("#"+ type + "-content-" + post_id)
					, $toggle = jQuery("#"+ type + "-toggle-" + post_id)
					, show_hide_class = 'sh-show sh-hide';
				$link.toggleClass(show_hide_class);
				$content.toggleClass(show_hide_class).toggle();
				if($link_a.attr('aria-expanded') === 'true') {
					$link_a.attr('aria-expanded', 'false');
				} else {
					$link_a.attr('aria-expanded', 'true');
				}
				if($toggle.text() === more_text) {
					$toggle.text(less_text);
					$link.trigger( "sh-link:more" );
				} else {
					$toggle.text(more_text);
					$link.trigger( "sh-link:less" );
				}
				$link.trigger( "sh-link:toggle" );
			}
		</script>
	<script type='text/javascript' src='https://www.godaddy.com/garage/wp-content/themes/godaddy-blog/js/core.js?ver=1583337532' id='gdb-js-core-js'></script>
<script type='text/javascript' src='https://www.godaddy.com/garage/wp-content/themes/godaddy-blog/js/extras.js?ver=1545335321' id='my-theme-extras-js'></script>
<script type='text/javascript' id='jquery-lazyloadxt-js-extra'>
/* <![CDATA[ */
var a3_lazyload_params = {"apply_images":"1","apply_videos":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='//www.godaddy.com/garage/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extra.min.js?ver=2.4.1' id='jquery-lazyloadxt-js'></script>
<script type='text/javascript' src='//www.godaddy.com/garage/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.srcset.min.js?ver=2.4.1' id='jquery-lazyloadxt-srcset-js'></script>
<script type='text/javascript' id='jquery-lazyloadxt-extend-js-extra'>
/* <![CDATA[ */
var a3_lazyload_extend_params = {"edgeY":"0","horizontal_container_classnames":""};
/* ]]> */
</script>
<script type='text/javascript' src='//www.godaddy.com/garage/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extend.js?ver=2.4.1' id='jquery-lazyloadxt-extend-js'></script>
<script type='text/javascript' src='https://www.godaddy.com/garage/wp-content/plugins/mystickysidebar/js/detectmobilebrowser.js?ver=1.2.3' id='detectmobilebrowser-js'></script>
<script type='text/javascript' id='mystickysidebar-js-extra'>
/* <![CDATA[ */
var mystickyside_name = {"mystickyside_string":"#secondary","mystickyside_content_string":"","mystickyside_margin_top_string":"100","mystickyside_margin_bot_string":"0","mystickyside_update_sidebar_height_string":"","mystickyside_min_width_string":"0","device_desktop":"1","device_mobile":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.godaddy.com/garage/wp-content/plugins/mystickysidebar/js/theia-sticky-sidebar.js?ver=1.2.3' id='mystickysidebar-js'></script>
<script type='text/javascript' src='https://www.godaddy.com/garage/wp-includes/js/wp-embed.min.js?ver=5.5.1' id='wp-embed-js'></script>

</body>
</html>