La pregunta es la siguiente:
Tengo una animación que originalmente se hizo en flash cs6 pero se exporto a html5 mediante la extensión para flash llamada "toolkit createjs" que la soporta en html5 mediante la etiqueta canvas, la animación después de haber incluido la programación funciona de maravilla en IE 9, chrome, safari, opera, pero no funciona en ie 7 y 8, ovbiamente por que la etiqueta canvas no es nativa en estos navegadores, después de hacer mil intentos (prueba y error) con flashcanvas y excnavas, definitivamente no funciona en ie 7 y 8.
Adicional a ello, en mozilla debería servir, ya que canvas es nativo en mozilla, pero tampoco funciona.
Agradezco cualquier ayuda, ya que la única opción que veo posible si esto no se puede arreglar, es hacer que cada navegador cargue un contenido diferente para solucionar que la animación que no se vea en otros navegadores sea remplazada por una imagen.
Adjunto el código html y los enlaces de las pruebas que estoy realizando.
Nota: Los scripts que tiene el código justo debajo de la etiqueta title, son los que genera la conversion de flash cs6 a html5 mediante le plugin mencionado, así como el código que se encuentra mas abajo.
--------------------------------------------------------------------------------------
Enlace: http://www.focusonline.com.co/nuestras_mezclas_prueba.html
--------------------------------------------------------------------------------------
Código html5:
<!DOCTYPE html>
<html class=" js flexbox cssgradients csstransitions" lang="es_co" version="HTML+RDFa 1.1">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="Description" content="Comunicación Integrada.">
<meta name="Keywords" content="Sumamos las diferentes herramientas de la comunicación, reconociendo el rol estratégico en cada una y combinándolas en un plan genérico para ofrecer un impacto comunicacional al máximo.">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 8]><script src="excanvas.js"></script><![endif]-->
<link rel="stylesheet" href="estilos_css/estilos_nuestras_mezclas_prueba.css" type="text/css" media="screen" title="no title" charset="utf-8">
<title>:: Focus Comunicación - Nuestras Mezclas ::</title>
<script src="http://code.createjs.com/easeljs-0.5.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.3.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.5.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.2.0.min.js"></script>
<script src="recetario.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("canvas");
images = images||{};
var manifest = [
{src:"images/recetario_hoja1.png", id:"recetario_hoja1"},
{src:"images/recetario_hoja2.png", id:"recetario_hoja2"},
{src:"images/recetario_hoja3.png", id:"recetario_hoja3"},
{src:"images/recetario_hoja4.png", id:"recetario_hoja4"}
];
var loader = new createjs.PreloadJS(false);
loader.onFileLoad = handleFileLoad;
loader.onComplete = handleComplete;
loader.loadManifest(manifest);
}
function handleFileLoad(o) {
if (o.type == "image") { images[o.id] = o.result; }
}
function handleComplete() {
exportRoot = new lib.recetario();
stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();
createjs.Ticker.setFPS(24);
createjs.Ticker.addListener(stage);
}
</script>
</head>
<body onload="init();">
<div class="contenedor_dentro">
<header>
<ul class="texto_arriba"><img src="images/nuestras_mezclas/texto-nuestras-mezclas.png" width="667" height="109">
<li class="texto_titulo">NUESTRAS MEZCLAS</li>
<li class="volver"><a href="index.html"><img src="images/boton_home.png" width="57" height="25"></a><li>
</ul>
</header>
<article>
Las mejores herramientas de comunicación, ejecutadas dentro de una estrategia pensada para su marca, garantizan lo que su marca necesita: resultados. En Focus Comunicación Integrada trabajamos para conseguirlos y superar los objetivos con estrategias y ejecuciones creativas, impactantes y efectivas.<br />
<br /><br />* Comunicación interna <br />* Planes de incentivos<br />* Publicidad<br />
* Promoción<br />* Relaciones Públicas<br />* Mercadeo Directo<br />* Branding<br />
* E/marketing<br />* Advertaiment<br />* Feel Marketing<br />* Research</li>
<br />* Planeación y ordenación de medios
</article>
<div class="recetario" id="recetario">
<canvas id="canvas" width="373" height="380" style="background-color:#ffffff"></canvas>
</div>
<footer>
<div class="pata_abajo"><img src="images/nuestras_mezclas/nuestras_mezclas_abajo.png" width="667" height="117">
</div>
</footer>
<aside>
<div class="firma" align="center">
<p class="p_firma">Focus Comunicación Integrada © 2013. Todos los derechos reservados<br /> <br /></p>
</div>
</aside>
</div>
<div class="barra_gris">
<img src="images/barra_gris_top.jpg" width="100%" height="150px">
</div>
</body>
</html>
