homepage Welcome to WebmasterWorld Guest from 54.237.78.165
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
Forum Library, Charter, Moderator: open

Flash and Shockwave Forum

    
Adobe Captivate
Need to create video for upload to YouTube
GaryK

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3778020 posted 4:43 am on Nov 1, 2008 (gmt 0)

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

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



 
Msg#: 3778020 posted 7:43 am on Nov 1, 2008 (gmt 0)

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

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



 
Msg#: 3778020 posted 2:07 pm on Nov 1, 2008 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3778020 posted 7:59 pm on Nov 1, 2008 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3778020 posted 10:22 pm on Nov 1, 2008 (gmt 0)

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

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



 
Msg#: 3778020 posted 1:33 pm on Nov 2, 2008 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3778020 posted 8:59 pm on Nov 2, 2008 (gmt 0)

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

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



 
Msg#: 3778020 posted 2:59 pm on Nov 3, 2008 (gmt 0)

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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3778020 posted 8:43 pm on Nov 3, 2008 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Flash and Shockwave
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved