Thursday, July 23, 2009

How to Make FLV Files ( Flash Video ) in Macromedia Flash 8

FLV(Flash Video) is a new video format which is perfectly supported by Macromedia Flash 8. This flash maker successfully solved the problem of the huge size of output SWF file that may not be played on Internet after inputting video file to flash. Let’s have a look below on how to make delicate FLV files:

Advertisement by Leawo Free Video Accelerator - Watch and download online videos in high speed without buffering:
Watch Hot Hollywood movies for free

1. How to make FLV files? 

Step 1. Open Macromedia Flash 8 and establish a new flash docment.




Step 2. Input AVI video files that you want to convert to FLV and follow the instructions.


Step 3. Keep the default setting for “Edit” and “Encode”, click “Import video” and then “Next step” and “Finish” at last to complete the inputting process.

Note: If you don’t have Directshow 9 and QuickTime 6.5 or higher installed in your system, a pop-up window will remind you to do so in order to import AVI successfully.

Step 4. Press “Ctrl+L” to open the data base, double click the AVI file just input, open “Embed video property” interface, click “Output” to create a FLV file.

Above 4 steps lead you to convert AVI to FLV successfully and after conversion, you will surprisingly find the final size of FLV is just 541KB, much smaller than the original 23MB AVI. Now you can use it freely on Internet>>>Convert video to FLV for free (free video to FLV converter)

2. How to use FLV files? (or make flash video player)>>>Customize a web FLV Player in the easiest way

Step 1. Establish a new flash document, press “Ctrl+F7” to open the “Components” window, drag “MediaPlayback” to the stage from “Media-Player 6-7”.


Step 2. Select “MediaPlayback”, press “Alt+F7” to open “Component Inspector” interface:


Some meanings of parameters in Component Inspector:
File Type: choose FLV as the defined file type, you can also choose to play MP3 file.

URL: specify the path of FLV files, because we put FLV files and Flash files in the same catalog, we only have to specify a file name here.

Control Placement: set the location of play panel.

Control Visibility: set the visibility of play panel.

Step 3. After settings, press “Ctrl+Enter” to test the performance.

Related article:
How to add flash video ( FLV ) to website?



Monday, July 13, 2009

Brand Your web-based Flash Video Player With Image

Summary:
This tutorial shows how to easily add an image logo to your flash video to brand it for your company or yourself, and publish it to website with customized web flash video player.

---
You might noticed that a lot of videos on the Internet have an image logo. Some of this kind of logo is to beautify the video itself, while some is for commercial purpose. Regardless of any purpose, image logo in the video can actually customized your own FLV movie. Below text shows how to easily brand your web video with a tool called Moyea Web Player. It will refer to a plugin called Image Watermark Plugin.

What is Image Watermark Plugin:
It is a plugin that provided by Moyea Web Player. It enables users can add image to flash video so that they can brand and copyright their videos for publishing to the Internet. Supported formats of this plugin includes PNG, JPG, GIF and SWF file. Since version 2.0, Moyea Web Player begins to support this plugin.
From this page you can get more information of the plugin - http://www.playerdiy.com/configuration/addons/watermark-image.html

Where it appears:

After Moyea Web Player is installed, this plugin will appear on the following interface

Example:

This example below will show you how to implement this task step by step.

Step 1: Add a video into Moyea Web Player on “Media” interface.

Step 2: Click the image watermark pluin on “Addons” tab panel on “Template” interface, and then click “” button.


Click “browser” button to input an image into Moyea Web Player, and set the position at where it will show. Notice: 1. If the watermark is a SWF file, please check the “SWF” option. 2.The value of X-coordinate and X-coordinate can be a negative number. When both values are 0, the watermark will appear at the left top of player.

Step 3: Set the value of “Video list style” is none to remove the playlist and the embed code at the right of player


Step 4: Click “Publish” button on “Publish” interface. Then we could get a web player which is branded with your own image watermark.

Tuesday, July 7, 2009

Ice Age 3: Dawn of the Dinosaurs

- Reshipment from my friend Toby's blog

If you are still regreting that you have missed one of the 3-D movies which being shown a couple of weeks ago called Aliens Vs Monsters, I have a good news to tell: another 3-D movie is coming soon on July, 09th, 2009 and It is the third installment of the Ice Age series, you are right, here comes the Ice Age 3: Dawn of the Dinosaurs.

It’s so cool to watch 3-D computer animated movie cause you feel you are also a part of the movie and that’s we what we call interaction. Thanks to the high-tech of movie making and gorgeous movie house, a pair of glass can bring you to another world created by Ice Age 3.

Newly-released Trailer of Ice Age3:


Player will show here


Want to put it to website? No problem, use the player above to easily add it to website with your own style flash video player.

Some Cute Wallpapers of Ica Age3:

Ice Age 3 Wallpaper 1:



Ice Age 3 Wallpaper 2: Ellie

Ice Age 3 Wallpaper 3: Sid


Ice Age 3 Wallpaper 4: Diego

Ice Age 3 Wallpaper 5: Manny

Ice Age 3 Wallpaper 6: Scrat

Ice Age 3 Wallpaper 7: Scratte


Sunday, July 5, 2009

Embed flash videos to your website or blog from other websites

Summary:
This article is going to show you how to add flash videos from other websites to the flash video player on your own website. This topic can also be called "How to make dynamic playlist for Web FLV player". However, it can be in two cases: 1. The URL of the Flash video is ended with .flv; 2. The URL is not ended with .flv.

Below is a step by step tutorial -

The first case: The URL of the Flash video is ended with .flv

In this case, you can directly use Moyea Web Player. Download, install and launch this program on your PC, on the "Media" tab, click "Add" and then choose "Add URL"

Then it will pop up a small window captioned "Open", here you can copy and paste the URL of the Flash video to this small window, then click "OK"

After these steps, you have added the Flash video form external website to your Web FLV player.

The second case: The URL of the Flash video is not ended with .flv
1. Download
Download the flv movies you want from the Internet to your computer hard disk with Leawo Youtube Download, which is free and a powerful tool that can download almost all videos from the Internet.

2. Add
After the flv movies are downloaded to your computer, you could use launch Moyea Web Player (http://www.playerdiy.com/ ) on your computer, add the downloaded flv files to the software:


3. Customize
You could use Moyea Web Player to make customized web flash flv player for your website:

4. Publish
Click "Publish" button in Moyea Web Player to generate swf skin player, related web page file and the flash videos.

5. Upload and Embed
Upload all the files to your host server in the same directory. After step 4, Moyea Web Player will automatically open a web page with the flash video player embedded in your IE browser, just copy the SWFObject JavaScript code at the bottom of this page and paste it to your website(Add JavaScript in blogger (blogspot) post):
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">Player will show here</div>
<script type="text/javascript">
var so = new SWFObject('mwplayer.swf','player','500','450','9');
so.addParam('wmode','opaque');
so.addParam('quality','high');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.write("flashcontent");
</script>


Then the media player and the flash videos will show on your website.

Thursday, July 2, 2009

Add JavaScript in blogger (blogspot) post

Blogger post
Summary:
This post talks about why javascript sometimes does not work in blogger post and how to make it works.

Javascript code works well in HTML/Jscript gadgets, so it is no need to talk of this. Here we focus on Javascript in a post.

Let's start with an example. I added this SWFObect Javascript code to embed a flash video player generated by Moyea Web Player (http://www.playerdiy.com/ ) to show videos in my blog post and it was not working:

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">Player will show here</div>
<script type="text/javascript">
var so = new SWFObject('mwplayer.swf','player','500','450','9');
so.addParam('wmode','opaque');
so.addParam('quality','high');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.write("flashcontent");
</script>


To my strange is that this code works in my Dreamweaver or other HTML editor. But why does not work in blogger?
I tried many other code and then I found this javascript code work well in blogger post:

<a onclick="alert('This works.')" href="#" >Test</a>


After this, I look carefully at my blogger post source (Edit Html):

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">Player will show here</div>
<script type="text/javascript"><br />var so = new SWFObject
('mwplayer.swf','player','500','450','9');<br />so.addParam
('wmode','opaque');<br />so.addParam('quality','high');<br />so.addParam
('allowfullscreen','true');<br />so.addParam
('allowscriptaccess','always');<br />so.write("flashcontent");<br
/></script>


There is a problem. In almost each new line. Almost Every time you have new line, blogger editor adds <br /> tag. Because of this <br /> tag web browser can't execute jscript.

So correct solution for my problem should look like this:

<script type="text/javascript" src="swfobject.js"></script><div id="flashcontent">Player
will show here</div><script type="text/javascript">var so = new
SWFObject'mwplayer.swf','player','500','450','9');so.addParam('wmode','opaque');
so.addParam('quality','high');so.addParam('allowfullscreen','true');so.addParam
('allowscriptaccess','always');so.write("flashcontent");</script>


To work well javascript in blogger post should be in one line.

Here is example of JavaScript code that works(The player works but videos are deleted so you couldn't see the videos in the player):

Player will show here