• Welcome to Overclockers Forums! Join us to reply in threads, receive reduced ads, and to customize your site experience!

Links with preview to .avi files

Overclockers is supported by our readers. When you click a link to make a purchase, we may earn a commission. Learn More.

Mystypiy

Member
Joined
Aug 25, 2003
Location
Virginia
Hi,
I want to be able to put some .avi files on my website. I also want to have a preview of the first image/frame of the file so that people can tell which file they are going to be looking at. I tried doing this with the same html code that I used for pictures and the links worked but there was just a red x where the preview should be. Does anyone know how I can do this?
 

Burning Phoenix

Member
Joined
Jul 3, 2001
Location
Schenectady NY
I do this one of two ways. First i have a video capture feature with my Leadtek WinFast TV tuner card so i can open an AVI file and simply click a snapshot of the movie. It saves this frame as a .jpg . Also i use Paint Shop Pro which has Animation Shop. I can open a part of an AVI file by telling it to open a range of frames or frame. I then can export the frame to my PSP program for editing.

I have been able to use VirtualDub to extract frames from an AVI also but i can't get it to extract less than 50 frames. So if you don't mine 50 .bmp files to pick from then do it that way. Besides VirtualDub is a free app.
 

macklin01

Computational Oncologist / Biomathematician / Mode
Joined
Apr 3, 2002
Location
Bloomington, IN
Do a google search for a program called dxbmp.exe.

It works quite nicely. From there, you can convert to jpeg for your thumbnails. Good luck! -- Paul
 
OP
Mystypiy

Mystypiy

Member
Joined
Aug 25, 2003
Location
Virginia
So there's no way to make it work just as it does in a folder in windows? Where you see the first bit of the .avi and can click on it and play it?
 

macklin01

Computational Oncologist / Biomathematician / Mode
Joined
Apr 3, 2002
Location
Bloomington, IN
So that it works in any (graphical) web browser on any platform? I highly, highly doubt it. You need the functionality to be there in the HTML itself. It might be possible to do this with some complex scripting or programming, but if it's client-side (such as Java), then note that for the browser to extract bits for a preview thumbnail, they'd first have to download the entire movie (or some portion, if you develop a streaming content method), but both of these defeat the purpose of a preview.

Really, I think your best bet is to extract the images yourself, resize them, etc., then use code like:

Code:
<a href=".../movie001.avi" border=0>
<img src=".../movie_thumbs/movie_thumb001.jpg">
</a>

You might consider getting a small picture of a folder icon, and then putting this all in a tabular format:

Code:
<td width=100 height=100 background=".../movie_thumbs/folder_icon.gif">
<a href=".../movie001.avi" border=0>
<img src=".../movie_thumbs/movie_thumb001.jpg">
</a>
</td>

This way, you could superimpose your preview pics on the folder icons in the tabular format. (Or on any other icon you choose.) Might approximate the behavior you want very nicely. I'd recommend putting your (folder) icon on a larger background with transparency.

-- Paul
 
Last edited: