How to use flash files that created by Camtasia and Adobe Captivate in Modx?

15 Posts

jess1 Reply #1, 19 years, 3 months ago

I have used Techsmith’s Camtasia or Adobe Captivate to capture some screen shots that both these applications had made a flash movie for me including a corresponding html file that is ready made for the web with a javascript file. Anyway, if I upload all these pre-made files to my server, it would display the flash movie properly with control buttons, but if I use Modx’s editor and trying to embeded the movie, it will play the movie, but I don’t know how to call the controller within Modx.

Here is Captivate’s pre-made files:

Sponge Tool.htm
Sponge Tool_skin.swf
standard.js
Sponge Tool.swf

here is the coding inside the htm file:


<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>sponge tool</title>
<script src="standard.js" type="text/javascript"></script>
</head>

<body bgcolor="#F1F4F5">
<center>
<script type="text/javascript">
<!--
writeDocument('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="640" height="515" ID="Captivate1">'+
  '<param name="movie" value="Sponge Tool_skin.swf">'+
  '<param name="quality" value="high">'+
  '<param name="loop" value="0">'+
  '<embed src="Sponge Tool_skin.swf" width="640" height="515" loop="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>'+
  '</object>');
//-->
</script>
<noscript>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="640" height="515" ID="Captivate1">
		<param name="movie" value="Sponge Tool_skin.swf">
		<param name="quality" value="high">
		<param name="loop" value="0">
		<embed src="Sponge Tool_skin.swf" width="640" height="515" loop="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed>
	</object>
</noscript>
</center>
</body>
</html>

I hope I have present myself well in here.

15 Posts

jess1 Reply #2, 19 years, 3 months ago

any help here, i am a newbie to any coding. thanks.

MODX Staff
10,725 Posts

opengeek Reply #3, 19 years, 3 months ago

Not sure we understand the question; what coding do you think is involved?. You simply create a document in the manager and place the appropriate HTML/JS/CSS/etc. in the content where you want it to appear. You might want to become a little more familiar with how MODx works by following some of the various documentation, tutorials, and wiki content provided by the community. Once you understand how MODx can simply help you dynamically mash-up these traditional web resources in various ways, you find there are a number of ways you can make it work, and work the way you want it to.

Jason Coward
Chief Architect @ MODX
http://www.jasoncoward.com | http://twitter.com/drumshaman | https://github.com/opengeek

73 Posts

Cassiel Reply #4, 19 years, 3 months ago

Maybe you have forgotten to insert the "<script src="standard.js" type="text/javascript"></script>" tag in your MODx template? AFAIK, you can’t insert that tag up to the html header while editing the document’s content area... unless you use a snippet.

15 Posts

jess1 Reply #5, 19 years, 3 months ago

I solved part of my own problem here, I found out by accident that if I put both my .swf files in the Flash folder and if I embeded the Sponge Tool_skin.swf file in the content area using Media link, I can have the flash movie play properly with the Stop and Start control. For adobe captivate captured video, after using it to convert to flash, it will generate those similar files that I mentioned in my first post, and I had tested, if uploading the main movie, and xxx_skin.swf and only call out this ’skin’ file, it will display the control panel and the movie.

OK, here is what I should have explained in the first place, Camtasia and Captivate both create stand alone html, js, swf file to be upload to a server. If I was using it as a static page, I do not need to do anything but just upload these files and the movie with Control panel will display properly in a webpage. But with modx, I cant do that, e.g. don’t know where to put the js file. So what I did was just uploaded the main movie of what I created Camtasia to Modx and link it. Yes, it does play, but without the control panel at bottom of the movie to control the start and stop. Right now, this is what happen to Camtasia. Any suggestion? I hope I explain better this time.

btw, Cassiel, I found out I do not need to use the standard.js file that is created by Captivate to Modx and it will play, looks like the xxx_Skin.swf is controlling everything, know where to look for the main swf movie, (in the same folder where itself is resided). thanks for your respond.

15 Posts

jess1 Reply #6, 19 years, 3 months ago

here is a sample of Camtasia’s html code for a Sample pre-made web page, as you can see when compare to Adobe captivate it is different.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
      <!-- saved from url=(0025)http://www.techsmith.com/ -->
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
          <meta name="DC.date" content="Saturday, December 30, 2006" />
    <meta name="DC.language" content="ENU" />

      <title>Created by Camtasia Studio 4</title>
     <script type="text/javascript" src="swfobject.js"></script>
      <script type="text/javascript" src="cam_embed.js"></script>
      
                             
	   <link rel="stylesheet" type="text/css" href="FlashTemplate.css"/>
   </head>
   <body id="cs_flashBody" >
      <div id="flashcontent">	   		
			<div id="cs_noexpressUpdate">
			  <p>The Camtasia Studio video content presented here requires JavaScript to be enabled and the  latest version of the Macromedia Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by <a href="http://www.macromedia.com/go/getflashplayer">downloading here</a>. </p>
		    </div>
	   </div>
      <script type="text/javascript">
		  // <![CDATA[

These are the sample files Camtasia pre-made for the static page.

cam_embed.js
Chessgame1minBullet-0001.html
Chessgame1minBullet-0001.swf
Chessgame1minBullet-0001_config.xml
Chessgame1minBullet-0001_controller.swf
Chessgame1minBullet-0001_nofp_bg.gif
Chessgame1minBullet-0001_preload.swf
FlashTemplate.css
ProductionInfo.xml
swfobject.js

What I am hoping for the Camtasia movie files that I make in future is this: I just upload the Main movie and some how Modx will be able to provide a controller menu to start and stop this movie inside a Modx web page. This way, as the above mentioned files, I will just upload the Main movie file -- Chessgame1minBullet-0001.swf via Modx text editor and somehow I can use snippet or something to generate a controller menu for it and most important of all, I can discard all the rest of files from above.

MODX Staff
12,272 Posts

Ryan Thrash Reply #7, 19 years, 3 months ago

FYI, I moved the file size question to a new topic.

Ryan Thrash, MODX Co-Founder
Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me

15 Posts

jess1 Reply #8, 19 years, 2 months ago

Quote from: rthrash at Jun 30, 2007, 07:17 AM

FYI, I moved the file size question to a new topic.

Did not see the new topic.

anyway, anyone can suggest a solution the camtasia swf?