Welcome to WebmasterWorld Guest from 54.226.246.160

Forum Moderators: open

Message Too Old, No Replies

Adobe Captivate

Need to create video for upload to YouTube

     

GaryK

4:43 am on Nov 1, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi all. I need to publish a tutorial that will be captured from what I'm doing in a program on my screen and upload the video to YouTube or publish it directly to my website.

I'm using Adobe Captivate and it creates crisp, clear video unlike some of the free apps I found. The problem is I can't find a way to convert the SWF file to something I can upload to YouTube, and I can't seem to find the right code to embed the video if I upload the SWF file to my website.

I'm embarrassed to post all the different embed stuff I've tried for uploading it to my own site. There doesn't seem to be a way to convert the SWF file to something I can upload to YouTube.

Clearly I'm new to Flash video. I tried some of the suggestions in this forum before posting here but nothing seemed to work.

1) What's the proper structure for my embed code please?

2) Is there a way to convert the SWF file to an MPEG file or whatever other format YouTube supports?

Many thanks for whatever help you all can provide. :)

dreamcatcher

7:43 am on Nov 1, 2008 (gmt 0)

WebmasterWorld Senior Member dreamcatcher is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Your video needs to be .flv format. Flash Video. So, you`ll need to convert from .swf to .flv. Do a google search for 'Quick Media Converter', which is free software that will convert just about any media format.

To display a flash file on your website look into SWF Object:
[code.google.com...]

dc

rocknbil

2:07 pm on Nov 1, 2008 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Do you or don't you have Flash?

I don't think Y.T. supports direct .flv upload, or they didn't last time I tried it, earlier this year. When you upload video their system converts it to .flv, but you can't upload it. (?)

SWFObject rocks and is way better than the stock "publish" code, but if you publish directly from Flash it will create an html page for you. It's a bit bloated, use SWFobject.

The "legacy" method, distributed by Flash, is to use the object tag with a nested embed tag for Moz-ish support, but this is invalid code. View source of most pages on the web with Flash.

2) Is there a way to convert the SWF file to an MPEG file or whatever other format YouTube supports?

With the file open in Flash, select File->Export->Export Movie, select .avi or .mov (which is supported by Y.T.) Swish may or may not have the same capability.

[help.youtube.com...]

GaryK

7:59 pm on Nov 1, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thank you both very much. I'll start working on this as soon as I get home. I'll give you an update on how it went.

ADDED: Bill, I do have Flash.

[edited by: GaryK at 8:23 pm (utc) on Nov. 1, 2008]

GaryK

10:22 pm on Nov 1, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I've been a web developer since 1993 and right now I feel like a total rookie. When it comes to working with Flash I am a total rookie. No matter what I try I cannot get SWFobject to work. I created a sample video, downloaded and followed the directions at code.google.com, modified my code to use the SWF I created, but all I get is a white box that's the dimensions I defined, and a very brief splash graphic within the area the player should be that displays the Captivate logo. I know that's not right. I did check my Flash video to be sure it looked like what I wanted and it was fine. The whole thing played the way it's supposed to play. I think I need a break. Should I post the markup I'm using?

rocknbil

1:33 pm on Nov 2, 2008 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



all I get is a white box that's the dimensions I defined, and a very brief splash graphic within the area the player should be that displays the Captivate logo.

So swfObject is loading and trying to write to the div, but either it's not finding the Flash or the Flash is malfunctioning. Assuming the Flash works when you test it right from Flash, first test it in FireFox, then go to Tools->Error Console and see if there's a JS error.

The concept is pretty basic, you have an ID'ed div with your placeholder image, and the code for SWFobject writes to it, which sounds like you have in place. Without changing the SWFobject library at all, your code should look something like this:

document:
<div id="flash-div"><img src="flash-placeholder.jpg"></div>

in the head of the doc:


<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
window.onload = function() {
var myVideo = new SWFObject('images\/header-flash.swf', 'flashObjectID', '780', '134', '9', '#ffffff');
myVideo.addParam("wmode", "transparent");
if (document.getElementById('flash-div')) {
myVideo.write('flash-div');
}
</script>

- myVideo is the video object referenced by the parameters in new SWFObject
- flash-div is the div to write to
- you must attach a behavior to window.onload as a function so all the page elements are loaded before writing to the div - specifically, the div you want to write to. this is why it's in a function (), not just inline JS.

Usually when I get the result you are getting, it's something to do with the path or ID's. Note the escape after images (images\/flash . . . . )

GaryK

8:59 pm on Nov 2, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I appreciate you help, Bill. Here's the entire page. Now I can't even get the video placeholder to show up.

<!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>Flash Video Test</title>

<script type="text/javascript" src="\/videos\/swfobject.js"></script>

<script type="text/javascript">
window.onload = function() {
var myVideo = new SWFObject('\/videos\/October_2008_Giveaway_Drawing.swf', 'flashObjectID', '425', '344', '9', '#ffffff');
myVideo.addParam("wmode", "transparent");
if (document.getElementById('flash-div')) {
myVideo.write('flash-div');
}
</script>

</head>

<body bgcolor="#F5F4F1">

<div id="flash-div"><img src="flash-placeholder.jpg"></div>

</body>
</html>

rocknbil

2:59 pm on Nov 3, 2008 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Looks good to me . . . . unless you're testing it on your local computer. What I see is

domain-root/videos/swfobject.js
domain-root/videos/October_2008_Giveaway_Drawing.swf
domain-root/flash-placeholder.jpg
domain-root/thiswebpage.html

But when testing on the local computer, you'll have to remove the leading forward slash:

videos/swfobject.js
videos/October_2008_Giveaway_Drawing.swf
flash-placeholder.jpg
thiswebpage.html

Neither Windows or Mac understands a leading /.

GaryK

8:43 pm on Nov 3, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'm testing it on a local web server before uploading to a production web server.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month