Como criar arquivos WDGT para saídas SWF e HTML5 no Adobe Captivate

<?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot; ?> <widget> <Description>This is a ABC widget(static)</Description> <Type>isStatic</Type> <Name>ABC.swf</Name> <linkedfiles>PQR.swf</linkedfiles> <linkedfiles>XYZ.swf</linkedfiles> </widget>

<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?> 
<!-- 
 
        Especificação de Widget do OpenAjax --> <widget name=&quot;Arrow&quot; id=&quot;com.adobe.captivate.dev.sample.widgets.arrow&quot; spec=&quot;0.1b&quot; jsClass='Arrow' sandbox='true' width='300' height='300' xmlns=&quot;http://openajax.org/metadata&quot;> <requires> <libraries> <library name=&quot;dojo&quot; version=&quot;1.7&quot; copy=&quot;true&quot; src=&quot;js/dojo-release-1.7.1&quot; includeRef=&quot;false&quot;> <preload> djConfig=&quot;{parseOnLoad:true}&quot; </preload> <require type=&quot;javascript&quot; src=&quot;dojo/dojo.js&quot; copy=&quot;false&quot; includeRef=&quot;true&quot;/> </library> <library name =&quot;jQuery&quot; version=&quot;1.6.1&quot; copy=&quot;true&quot; src=&quot;js/jquery1.7.1/jquery-1.7.1.min.js&quot; type=&quot;javascript&quot;/> <library name=&quot;jQuery.svg&quot; version=&quot;1.4.4&quot; copy=&quot;false&quot; src=&quot;js/jquery.svg&quot; includeRef=&quot;false&quot;> <require type=&quot;javascript&quot; src=&quot;jquery.svg.js&quot;/> <require type=&quot;css&quot; src=&quot;jquery.svg.css&quot;/> </library> </libraries> <require type=&quot;folder&quot; src=&quot;assets/svg&quot;/> </requires> <javascript src=&quot;js/arrow.js&quot;/> 
    <!-- 
 
        As propriedades são ignoradas pelo Captivate pois nós esperamos o widget fazer todo o trabalho que precisa ser feito do widget xml ou do widget JSON. Ainda assim, damos um stab para ser se conseguimos uma substituição apropriada --> <properties> <property name=&quot;style&quot; datatype=&quot;String&quot; default=&quot;AeroArrow&quot;/> </properties> <content type='fragment'> 
    <![CDATA[ <H1>Hello Widget!!!</H1> 
        <div ID=&quot;__WID
ArrowShape&quot;/> 
    ]]> 
    </content> 
</widget>

arrow1 = { onLoad: function() { if ( ! this.captivate ){ return; } //Dá acesso ao filme handle this.movieProps = this.captivate.CPMovieHandle; //Dá acesso ao widget params this.movieProps = this.captivate.CPMovieHandle.widgetParams(); //Função para substituir//uma variável Captivate pelos valores associados this.movieProps = this.captivate.CPMovieHandle.replaceVariables(varString); //Acesso ao envio do sistema onde addEventListener e //removeEventListener podem ser chamados. Também contém as constantes //necessárias para registro de eventos como//<Widget>.captivate. CPMovieHandle.getMovieProps().eventDispatcher //.SLIDE_ENTER_EVENT this.movieProps = this.captivate.CPMovieHandle.getMovieProps().eventDispatcher; //Access to the variables handle this.movieProps = this.captivate.CPMovieHandle.getMovieProps().variablesHandle; //Access to the external resource loader this.movieProps = this.captivate.CPMovieHandle.getMovieProps().ExternalResourceLoader); if ( ! this.movieProps ){ return; } this.varHandle = this.movieProps.variablesHandle; this.eventDisp = this.movieProps.eventDispatcher; // other code }; //To unload your widget onUnload: function() { /*Unload your widget here*/ }; } // Ensure that there is a constructor function // available for the JavaScript class identified by // the 'jsClass' attribute. O construtor não tem nenhum argumento. 
arrow = function () { return arrow1; 
}