Forum Archive Home -> User guides -> Flash with high quality video (MP4 with H264 video and AAC audio)
Flash with high quality video (MP4 with H264 video and AAC audio) | ||||||||
| Baldrick posted 2008 Aug 13 18:23 | ||||||||
| This very basic guide will show you the steps how to convert any video to high quality flash video, MP4 with H264 and AAC audio, and put it on your website with a flash video player. Using free software only.
Software Xvid4PSP (Free) JW FLV Media Player or Flowplayer(free) Preparation You can check how it will look like in the example below here, if it wont work be sure to update the Adobe Flash Player here. If you are going to convert from a commercial DVD then rip it to the HDD using DVDFab Decrypter first. Install Xvid4PSP. Convert Open the source video in Xvid4PSP. Click on Open to open most video formats and DVD to open a DVD or DVD folder on your HDD. Choose MP4 under Format. 
Choose x264 Q16 Turbo under Video Encoding. Click on the E to change advanced settings like the video bitrate that decides the output file size. Choose 1-pass(or 2-pass for even better quality but takes longer to convert) under Encoding mode and you can set the exact bitrate and get the desired output files(see the Output file size: in the screenshot below). Higher bitrate = higher quality =bigger output file size. If you don't need an exact file size then use Constant Quality / Quantizer mode. Choose AAC-HE CBR 64kbit under Audio Encoding. Click on the E to change advanced settings like the audio bitrate that decides the output file size. 
Choose Video->Resolution/Aspect ratio to change the resolution. Set the Output resolution, higher resolution usually requires that you must use higher bitrate=bigger output file size. Check so the output aspect ratio is similiar to input aspect ratio or it will look stretched. 
Hit Convert. 
Put the video on your site Download JW FLV Player and extract the player.swf and swfobject.js and put on your site with the mp4 video you created above. Add this code to your webpage that should display the video:
Replace test.mp4 with the filename of your video. Replace the '640','360' with the resolution/frame size of your video. Example
Error - You must upgrade your Adobe Flash Player to see this video, upgrade here. Problems Add an image to the flash player by adding the &image=flash.jpg to the flashvar setting,
If you can't see the video in your web browser be sure to upgrade to latest Adobe Flash player(requires at least Flash Player version 9.0.115 or higher). If you don't want any black borders in the player you can add &stretching=fill in the url to your mp4 file like http://www.site.com/folder/test.mp4&stretching=fill If you put the player and video in different folders then add the complete url to to the code like,
If Xvid4PSP wont work you can use other all-in-one h264 converters like HandBrake, StaxRip, Ripbot264, avidemux. | ||||||||
| jmaytum posted 2008 Aug 21 01:38 | ||||||||
| How does this application compare to ON2's very awesome encoder?
Thanks in advance! | ||||||||
| Baldrick posted 2008 Aug 21 02:04 | ||||||||
| I haven't compared the x264 converter with the on2 converter but I guess you should be able get similiar quality if you know how to configure correctly. I just want to show a free alternative to on2 and flash professional. | ||||||||
| jmaytum posted 2008 Aug 25 22:11 | ||||||||
| I'm giving it a go.. thanks for the great guide.. I will let you know how I make out :) I would like to use this to replace ON2 hopefully and also to use it to encode video files for my Samsung Instinct!
Thanks again for the guide! | ||||||||
| maxamillion posted 2008 Aug 27 03:39 | ||||||||
| I will try this as well in the next couple of days and report back | ||||||||
| dsl225 posted 2008 Aug 28 14:27 | ||||||||
| Excellent guide, thx!
One point is not clear for the code. You mention:
After the size, what is the third figure standing for - resolution? Sometimes you mention '9' and others '0' If it's standing for the resolution how does this work? thx | ||||||||
| Soopafresh posted 2008 Aug 28 14:48 | ||||||||
| This is a great guide, Baldrick! :D | ||||||||
| Baldrick posted 2008 Aug 28 14:56 | ||||||||
It should be 9. It is the required flash player version. You can add 9.0.115 so you are sure the user has upgraded flash with h264 support (and add a link to the upgrade, see the example above) See http://blog.deconcept.com/swfobject/ | ||||||||
| maxamillion posted 2008 Aug 31 00:17 | ||||||||
| why not use 2-pass encoding if you have the extra time = better quality video
this method works pretty well if your converting a shorter video, but not so good if your video is anything over a couple of minutes long | ||||||||
| Captain Satellite posted 2008 Aug 31 06:43 | ||||||||
| Baldrick, What is this 'XviD4PSP 5.0 source code 28.02.2008' file and do I need to download and install it to use Xvid4PSP? | ||||||||
| Baldrick posted 2008 Aug 31 06:50 | ||||||||
| maxamillion: Added that you can use 2-pass also.
captain satellite: Nope, you don't need the source code. Just http://download.videohelp.com/download/XviD4PSP_5034_full.exe :). | ||||||||
| Captain Satellite posted 2008 Aug 31 06:57 | ||||||||
| Thanks! | ||||||||
| Captain Satellite posted 2008 Sep 19 18:56 | ||||||||
| Baldrick, What would be the best settings for the ultimate quality video if time was not a concern, only best quality. Those settings worked great, just wondering if it could be even better.
Thanks for a great, simple to use guide! | ||||||||
| waefwaeefwaefw posted 2008 Sep 30 01:17 | ||||||||
| Hey bro' How can I do this through Flash CS3?
I want to place a high quality video in my flash site. Can you show me PLEASE?? Thanks. | ||||||||
| FulciLives posted 2008 Sep 30 01:23 | ||||||||
| What a great guide !!!
Very kewl !!! I'll have to try it :) - John "FulciLives" Coleman | ||||||||
| greymalkin posted 2008 Nov 14 14:07 | ||||||||
| I love the JW FLV player..I use it on my website with the playlist feature so people can view movies, images, and songs all from the same playlist. | ||||||||
| assman24 posted 2008 Nov 29 14:06 | ||||||||
| Thanks Rick, this guide is great.
Is there a way to do batch converts? I have like 100+ videos that I want to convert. Thanks, Adam | ||||||||
| TexasEx posted 2008 Dec 11 14:58 | ||||||||
| I followed the instructions, but my video won't play. What did I do wrong? Is there a file size limit or might I have an issue with my host?
My video can be found on www.busttheclock.com | ||||||||
| aedipuss posted 2008 Dec 11 15:35 | ||||||||
if this is you index page then are all the required files in your root directory? both the player files and the video? | ||||||||
| TexasEx posted 2008 Dec 11 15:39 | ||||||||
Yes, all the files are in one folder. I have several domains under my host and created folders for each one to keep them straight. | ||||||||
| aedipuss posted 2008 Dec 11 15:47 | ||||||||
| if the files are in a different folder than the html page then you need to use the url of the files. as in
[edit] i can't seem to type in the text without it thinking it's a video to play anyway the files need full url addresses - 'http://www.yoursite.com/folder/player.swf','player','672','480','9.0.115' | ||||||||
| Baldrick posted 2008 Dec 11 15:58 | ||||||||
| aedipuss: Use the [code][/code]-bbcode for html in this forum section. | ||||||||
| aedipuss posted 2008 Dec 11 16:05 | ||||||||
thanks that will put it in a quote like box and not run it? | ||||||||
| TexasEx posted 2008 Dec 11 16:09 | ||||||||
The html page, .mp4 file, swf player, etc. are all in one folder. | ||||||||
| aedipuss posted 2008 Dec 11 17:03 | ||||||||
your source code is missing part of the scripts first line - it should b like this
and i would still use full urls for all files. you might also reduce the flash player version to 9.0.115 | ||||||||
| TexasEx posted 2008 Dec 11 17:15 | ||||||||
The disclaimer takes away the player when you add it to the script. The full address isn't doing anything. I did reduce the flash player, however, to the older version. Do I need to add %20 or whatever the characters are when you save a pdf in a certain application since I have spaces in the title of my video? | ||||||||
| aedipuss posted 2008 Dec 11 17:49 | ||||||||
| it's possible your server can't deal with spaces in file names. i use the _ to connect rather than spaces.
the first line i posted works, it's right off a page on my site and it's what baldrick used for the video to play in this thread. | ||||||||
| CineManno posted 2009 Jan 25 13:18 | ||||||||
| There is something I don't fully understand. The code adds the JW FLV Player to the site. I thought this player can playback the MP4 file. Then why is it still required to have Adobe Flash Player version 9 or higher? I thought that you need EITHER Adobe Flash Player 9 OR JW FLV Player. Could someone explain this in more detail? I am confused about this. | ||||||||
| Captain Satellite posted 2009 Mar 07 00:36 | ||||||||
| I doubt this player works any longer. I can't get any of this to work as before. | ||||||||
| Captain Satellite posted 2009 Mar 07 11:25 | ||||||||
| Can anybody explain to me why this player won't work? I even added the whole url for everything even though it's all in the same folder. I did this a while back. Here's my link and code. Please help,
http://myfavoritevideoclips.com/videopage/index.html
Edit: Great the code isn't showing up. :( | ||||||||
| Captain Satellite posted 2009 Mar 07 11:34 | ||||||||
| Never mind, I got it. I am dumb beyond belief! :D | ||||||||
| zoobie posted 2009 Mar 27 01:24 | ||||||||
| I think the pseudo streaming (where video displays while downloading) is encoder specific... | ||||||||
| Baldrick posted 2009 Mar 28 06:17 | ||||||||
Nope. It's just some info in the mp4 header(so called hinting). If it doesn't start stream automatically you can easily fix it using mp4box, mp4box -hint videofile.mp4 . Captain Satellite: Just put your code between [code]code[/code] and it should display. | ||||||||
| zoobie posted 2009 Mar 28 06:35 | ||||||||
| Thanks man...
I just read to use -isma for mp4box Try the easy to use GUI http://www.datagoround.com/lab/ It's handled everything I've thrown at it unlike the others... | ||||||||
| zoobie posted 2009 Apr 02 15:26 | ||||||||
| Actually, Xvid4PSP comes with mp4box...that's why it progressively streamed...Avidemux not so or at least I didn't see a fast-start option...don't know about StaxRip & Ripbot264
Also noteworthy is that moving the metadata to the front seems to be mp4 specific...doesn't work on mov, wmv, flv... | ||||||||
| C_Copeland posted 2009 Apr 08 21:14 | ||||||||
| Baldrick, thanks from a forum newbie for this guide. It works great! Kudos. | ||||||||
| mel2000 posted 2009 Apr 20 10:43 | ||||||||
| Is there a way to place an opening image on the player to avoid having visitors see an initial black screen? | ||||||||
| Baldrick posted 2009 Apr 20 10:46 | ||||||||
Yep, just add the "&=image.jpg" to the flashvars like
| ||||||||
| mel2000 posted 2009 Apr 21 01:30 | ||||||||
Thanks for that tip. Much easier than using Flash MX. | ||||||||
| Cazz posted 2009 Jul 15 06:48 | ||||||||
| I most do something very very wrong here.
I have create a movie (slideshow) with sound in vegas. I create a HD movie (m2t) and I open Xvid4PSP and you the guide. I like to have big movie and good quality so I have a bitrate of 1500 so my movie that is 1280x592 is a little over 50 mb in mp4. I can play it local and it show very very nice. I upload it with the flash but nothing happend, the flash just loading and loading. I have try with mp4box, and I have try with Yamb (with mp4box) and I have try with MP4 faststart and nothing change. I did try to upload the movie that have been create in this guide and it start play instant so my webserver can stream a mp4 file. I have search everywhere but never find any idea that work. I have no idea what more I can do? | ||||||||
| ben4vols posted 2009 Jul 16 06:17 | ||||||||
| My video and audio are out of sync after encoding. What would cause this? I followed the guide as close as possible. Thanks for any help. | ||||||||
| tempe1109 posted 2009 Sep 16 14:48 | ||||||||
| This guide worked perfectly for me. Thank you so much! | ||||||||
| Francois43 posted 2009 Oct 01 09:50 | ||||||||
| Hello,
when I click to get the player.swf, I get that horrible and annoying page "http://jeroenwijering.com/?abd946cf35380c615c4d9a37e627d2f8=325467165&6fa970d50480e816942b6fab7c4e7a23=506683626&5f17a83ba43604eb3d1c06f73d82e119=633899800668507936" and I am at a loss. Please, where to get that player thing without ridiculous ads? Francois | ||||||||
| minidv2dvd posted 2009 Oct 01 09:58 | ||||||||
you have to buy it now. the paid version has no ads. | ||||||||
| Baldrick posted 2009 Oct 01 10:01 | ||||||||
| You can try another flash player like flowplayer, http://flowplayer.org/download/index.html | ||||||||
| tat2jr1 posted 2009 Nov 20 02:13 | ||||||||
I was wondering if I could choose AAC-LC ABR instead of the recommended AAC-HE CBR or will that screw with the 'streaming' settings of the mp4 off a webpage?
Did you actually try it through the flash player on a webpage, because mine is kinda out of sync on my computer (with VLC, WMP with FFmpeg, and quicktime) but when I play it with a flash player off a webpage it plays in sync. Strange. |
Login/Register to our forum to be able to post here.