/    Sign up×
Community /Pin to ProfileBookmark

Posting Flash video to personal homepage

Hi, everyone. Here I have a way of how to publish flash video to personal homepage. Hope you enjoy it. You can search “flash video mx pro” on google for more info.

Do you like taking home videos yourself? Have you ever thought of publishing your videos in your personal home page to personalize your space, or share them with your friends in your blog and internet space? Do you have problems of uploading the video in a specific format?

This tutorial is to show you the way to make your videos acceptable to your home page, and gives you a path to make your page unique.

What format should we have?

For playing on websites, you have many choices, such as FLV, SWF, and HTML, or WMV, AVI (as YouTube accepts).

WMV and AVI files are much larger in size, so here we are using FLV, SWF, and HTML.

How to generate these files?

There are many converters which can convert home videos into those formats. Here we introduce you Flash Video MX Pro.

It can generate Flash movie (SWF) as the FLV player embedded in an HTML page for easier sharing and promotion.

How to convert and edit your video?

Install and launch Flash Video MX Pro.

Step1. Open Files

  • 1. Import video. This program supports videos in any possible format, such as DVD, MPEG, AVI, MPG, WMV, RM, RMVB, MOV, ASF, MP4, 3GP, etc.
  • Click on the folder to input videos.

  • 2.

    Edit. You can either fill in the exact time in the time box and confirm, or drag the control bar to set the start time and end time. And things are similar with cropping the border of the video.

  • 3.

    Effect. You can set brightness, contrast, and volume of the video. Deinterlace to avoid the artifact, degradation of DVD video. And flip, if the video is upside down. To quit all your settings here, you can click “reset.

  • 4.

    Watermark. If you want to add image or text as watermark to your video, you can set in this section. Press “+”, and select the right material. Then you can drag the bar to set the start time and end time for showing the watermark.

  • 5.

    Snapshot. In this section, you can capture a picture as the first frame of the output SWF file.

  • 6.

    In CuePoint section, you can add subtitle to the video.

  • Click “Next to the next section.

    Step 2. Export

    In this section, you can edit the output folder, output format, and video & audio settings.

    If you would like to combine this video with one or two others, you can add them by “Video prelude and “Video curtain. You can also change the proportion of the video, but you’d better keep the original size for a better quality.

    Step 3. Player settings.

    Here you can add many personalized effects to your flash. Such as control bar, preloader and some special effects.

    Press “Next to continue.

    Step 4. Review the parameters.

    This is the second part from the last. You can review some relative parameters here. If you find something wrong, you can press “Back, to reset.

    Step 5. Convert

    After the settings above, you can start to convert. The output folder will pop up as soon as the conversion is finished.

    [B]How to embed SWF file into an HTML page?[/B]

    You can code the page like the following:

    <!–url’s used in the movie–>

    <!–text used in the movie–>

    <!– saved from url=(0013)about:internet –>

    <!–<object classid=”clsid?27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/

    shockwave/cabs/flash/swflash.cab#version=7,0,0,0″ width=”400″ height=”300″>

    <!–<param name=movie value=”mflvplayer.swf?playerOpts=targetClip*demo.flv*s”>

    <!–<param name=quality value=high>

    <!–<embed src=”mflvplayer.swf?playerOpts=targetClip*demo.flv*s” quality=high pluginspage=”http://www.macromedia.com/shockwave/d

    ownload/index.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”400″ height=”300″>

    </embed>–>

    </object>–>

    Well, have you noticed the mflvplayer.swf in blue?

    The width=”400″ height=”300″ in black indicates the width and the height of your video.

    The playerOpts=targetClip*demo.flv*s in bold indicates the name of the FLV file to be played while demo.flv is your video. You might be curious about targetClip, the asterisk separator and the “s” in the end.

    In fact, playerOpts is not that simple. PlayerOpts consists of several segments, each of which is separated by “||”, and each segment contains a property of the control bar. One segment is divided into 3 parts by the asterisk (*). The first part is the property name, the second part is the property value and the third part is the data type of the property. For instance,

    targetClip*demo.flv*s is a segment, targetClip is the property name, demo.flv is the property value and the “s” is the character string type of this property. This segment is to specify the path from which the control bar can play the video. There are also other properties. You can set multiple properties at a time, using “||” to separate different segments, code like the following:

    playerOpts=targetClip*demo.flv*s||panelColor*255,0,0*c

    In this way, when you are setting the targetClip property, you are also setting the panel color property. The panel color is the control bar color, the data type is color “c”, and 255,0,0 is the RGB color. Please notice that the property name and data type are case sensitive.

    to post a comment
    Full-stack Developer

    0Be the first to comment 😎

    ×

    Success!

    Help @mermaidbbpp spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 5.18,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...