{"id":41,"date":"2015-05-29T06:27:57","date_gmt":"2015-05-29T06:27:57","guid":{"rendered":"https:\/\/cms.digitalbes.com\/?p=41"},"modified":"2015-05-29T06:27:57","modified_gmt":"2015-05-29T06:27:57","slug":"impossible-mission-html5-leading-death-flash","status":"publish","type":"post","link":"https:\/\/cms.digitalbes.com\/?p=41","title":{"rendered":"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash"},"content":{"rendered":"<h3>From Flash To HTML5<\/h3>\n<p>At previous time we we create eLearning software, we have used this platform to deliver high end, award winning content wrapped in our own custom framework. The platform has vast adoption given its thriving developer community, user friendly audio visual tools, powerful scripting language, and cross browser support for desktop. But that\u2019s all changed.<\/p>\n<h3>When Flash Started Loosing<\/h3>\n<p>It became clear during the release of the first iPhone and subsequent Android devices that Flash just wasn\u2019t going to cut it. Android tried to maintain Flash player support, but performance issues coupled with battery usage really killed its chances. For a while making mobile courses required expert level web development skills, primarily to navigate the array of unique platform requirements.<br \/>Creating a mobile course that was also available on Internet Explorer, without sacrificing production value, was challenging. Eventually in September 2012, with the announcement of new recommendations for HTML5, the W3C sealed the Flash player\u2019s fate.\u00a0It was obvious that HTML5 was the way forward and we would need to build a new course framework from the ground up. We began development with a few things in mind.<br \/>First we needed the ability to run content across the widest distribution of browsers possible, everything from Internet Explorer, Chrome, Firefox, and across any device with modern standards.<br \/>Second, it would have to allow us to produce courses with the same rich content as Flash; custom user interface, scripted interactions, animations, video, and audio. Finally, provide a way to convert older Flash content for mobile devices.<br \/>I\u2019m proud to say we managed to reach all of these goals and we have been using (and refining) this framework for the past 2 years.<\/p>\n<h3>How To Convert Flash To HTML5<\/h3>\n<p>After an extensive amount of research and testing we decided to use CreateJS as a base for our framework. CreateJS is officially supported by Adobe and includes a very powerful set of API\u2019s similar to the AS3 language. We were able to leverage this to produce the three modular libraries; a course controller, flash layer and canvas layer. They allow us to use component based detection to determine if we are able to operate using HTML5 canvas (with 2d context) or Flash.<br \/>In concert with our course software we have also refined our process by building a set of custom publishing tools. Built as standalone applications our tools use JSFL to interact with and manipulate normal flash files. They have allowed us to fully automate mobile optimization, and mitigate common HTML5 conversion issues.<br \/>Our tools allow us to build content in Adobe Flash, and output directly to both Flash player (as a backup for older devices) and HTML5. Meaning we are able to produce courses that work on legacy browsers, and mobile devices. It also means we are able to recycle existing content (given source files) and convert it into something your users can view anywhere.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>From Flash To HTML5 At previous time we we create eLearning software, we have used this platform to deliver high end, award winning content wrapped in our own custom framework. The platform has vast adoption given its thriving developer community, user friendly audio visual tools, powerful scripting language, and cross browser support for desktop. But [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-41","post","type-post","status-publish","format-standard","hentry","category-tech-news"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash - Digitalbes Limited Premium Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cms.digitalbes.com\/?p=41\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash - Digitalbes Limited Premium Blog\" \/>\n<meta property=\"og:description\" content=\"From Flash To HTML5 At previous time we we create eLearning software, we have used this platform to deliver high end, award winning content wrapped in our own custom framework. The platform has vast adoption given its thriving developer community, user friendly audio visual tools, powerful scripting language, and cross browser support for desktop. But [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.digitalbes.com\/?p=41\" \/>\n<meta property=\"og:site_name\" content=\"Digitalbes Limited Premium Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-29T06:27:57+00:00\" \/>\n<meta name=\"author\" content=\"dbl\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"dbl\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41\"},\"author\":{\"name\":\"dbl\",\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/#\\\/schema\\\/person\\\/501f983dd73df2b3abf7b41c11a10904\"},\"headline\":\"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash\",\"datePublished\":\"2015-05-29T06:27:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41\"},\"wordCount\":500,\"commentCount\":0,\"articleSection\":[\"Tech News\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41\",\"url\":\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41\",\"name\":\"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash - Digitalbes Limited Premium Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/#website\"},\"datePublished\":\"2015-05-29T06:27:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/#\\\/schema\\\/person\\\/501f983dd73df2b3abf7b41c11a10904\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/?p=41#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cms.digitalbes.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/#website\",\"url\":\"https:\\\/\\\/cms.digitalbes.com\\\/\",\"name\":\"Digitalbes Limited Premium Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cms.digitalbes.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/cms.digitalbes.com\\\/#\\\/schema\\\/person\\\/501f983dd73df2b3abf7b41c11a10904\",\"name\":\"dbl\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32bb84d38230af21f8f3323e55011359ebae16aa5c7b6554ae4fbbdc77b32582?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32bb84d38230af21f8f3323e55011359ebae16aa5c7b6554ae4fbbdc77b32582?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32bb84d38230af21f8f3323e55011359ebae16aa5c7b6554ae4fbbdc77b32582?s=96&d=mm&r=g\",\"caption\":\"dbl\"},\"sameAs\":[\"https:\\\/\\\/cms.digitalbes.com\"],\"url\":\"https:\\\/\\\/cms.digitalbes.com\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash - Digitalbes Limited Premium Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cms.digitalbes.com\/?p=41","og_locale":"en_US","og_type":"article","og_title":"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash - Digitalbes Limited Premium Blog","og_description":"From Flash To HTML5 At previous time we we create eLearning software, we have used this platform to deliver high end, award winning content wrapped in our own custom framework. The platform has vast adoption given its thriving developer community, user friendly audio visual tools, powerful scripting language, and cross browser support for desktop. But [&hellip;]","og_url":"https:\/\/cms.digitalbes.com\/?p=41","og_site_name":"Digitalbes Limited Premium Blog","article_published_time":"2015-05-29T06:27:57+00:00","author":"dbl","twitter_card":"summary_large_image","twitter_misc":{"Written by":"dbl","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cms.digitalbes.com\/?p=41#article","isPartOf":{"@id":"https:\/\/cms.digitalbes.com\/?p=41"},"author":{"name":"dbl","@id":"https:\/\/cms.digitalbes.com\/#\/schema\/person\/501f983dd73df2b3abf7b41c11a10904"},"headline":"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash","datePublished":"2015-05-29T06:27:57+00:00","mainEntityOfPage":{"@id":"https:\/\/cms.digitalbes.com\/?p=41"},"wordCount":500,"commentCount":0,"articleSection":["Tech News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cms.digitalbes.com\/?p=41#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cms.digitalbes.com\/?p=41","url":"https:\/\/cms.digitalbes.com\/?p=41","name":"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash - Digitalbes Limited Premium Blog","isPartOf":{"@id":"https:\/\/cms.digitalbes.com\/#website"},"datePublished":"2015-05-29T06:27:57+00:00","author":{"@id":"https:\/\/cms.digitalbes.com\/#\/schema\/person\/501f983dd73df2b3abf7b41c11a10904"},"breadcrumb":{"@id":"https:\/\/cms.digitalbes.com\/?p=41#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.digitalbes.com\/?p=41"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cms.digitalbes.com\/?p=41#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.digitalbes.com\/"},{"@type":"ListItem","position":2,"name":"The Impossible Mission of HTML5 \u2013 Leading to The Death Of Flash"}]},{"@type":"WebSite","@id":"https:\/\/cms.digitalbes.com\/#website","url":"https:\/\/cms.digitalbes.com\/","name":"Digitalbes Limited Premium Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.digitalbes.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/cms.digitalbes.com\/#\/schema\/person\/501f983dd73df2b3abf7b41c11a10904","name":"dbl","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/32bb84d38230af21f8f3323e55011359ebae16aa5c7b6554ae4fbbdc77b32582?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/32bb84d38230af21f8f3323e55011359ebae16aa5c7b6554ae4fbbdc77b32582?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/32bb84d38230af21f8f3323e55011359ebae16aa5c7b6554ae4fbbdc77b32582?s=96&d=mm&r=g","caption":"dbl"},"sameAs":["https:\/\/cms.digitalbes.com"],"url":"https:\/\/cms.digitalbes.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=\/wp\/v2\/posts\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":0,"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=\/wp\/v2\/posts\/41\/revisions"}],"wp:attachment":[{"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=41"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.digitalbes.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}