Changes between Version 7 and Version 8 of add_video


Ignore:
Timestamp:
Feb 21, 2009, 2:42:39 PM (11 years ago)
Author:
Jamie McClelland
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • add_video

    v7 v8  
     1[[PageOutline]]
    12= How do I add video to my Website? =
    23
    34Thanks to Anna at [http://engagemedia.org Engage Media] for help in figuring this out.
     5
     6== Resources ==
    47
    58Useful sites:
     
    1013 * [http://flossmanuals.net/ Flossmanuals - resource for documentation]
    1114 
    12 == Steps to take ==
     15== Concepts ==
    1316
    1417Below are the conceptual steps to take when publishing video on the Internet.
    1518
    1619 * Export in your video editing software's native format
    17  * Convert your file to the xvid format. For linux users, you can use [http://ffmpeg.mplayerhq.hu/download.html ffmpeg], Linux, Mac, or Windows users can download [http://www.mplayerhq.hu/design7/dload.html mplayer] and use the mencoder tool it provides. See [http://www.engagemedia.org/help/how-to-compress-video Engage Media tutorial] for details on the settings. Here's an example of me using mencode on an m4v file:
     20 * Convert your file to a format that will make a file small enough to upload to your web site (for example, the xvid format). Linux users, you can use [http://ffmpeg.mplayerhq.hu/download.html ffmpeg]; Linux, Mac, or Windows users can download [http://www.mplayerhq.hu/design7/dload.html mplayer] and use the mencoder tool it provides. See [http://www.engagemedia.org/help/how-to-compress-video Engage Media tutorial] for details on the settings.
     21 * At this point, ideally your web site would be configured to accept xvid files and convert them on the fly to a flash format. However, you can also manually do that using Mplayer, which can convert your xvid file to an ogg file or an flv (flash) file or to another format suitable for displaying in a web browser.
     22 * Your web site should include a flash player ([http://flowplayer.org/ Flow Player] is a free software option).
     23
     24== Real working examples ==
     25
     26=== Linux ===
     27
     28Here's an example of using mencode on an m4v file:
    1829{{{
    1930mencoder -oac mp3lame -lameopts abr:br=92 -ovc xvid -xvidencopts bitrate=150 video-file.m4v -o video-file.avi
    2031}}}
    21  * At this point, ideally your web site would be configured to accept xvid files and convert them on the fly to a flash format. However, you can also manually do that using Mplayer, which can convert your xvid file to a flv file. Here's me doing that with ffmpeg:
     32
     33Given the complexity of mplayer/mencoder (it does a lot of things), I found ffmpeg to be much simpler to use.
     34
     35Here's an example of converting a file created by the [http://www.theflip.com/ flip video camcorder] into a playable flash file. The flip video camcorder uses a wide aspect ratio (1280 x 720) - with the -s 640x360 option I'm preserving the aspect ratio, but cutting it in half to make it smaller. In addition, the flip video camcorder by default has a high bit rate of 10,455 kb per second. I'm reducing the bit rate to 1,500 kbits (with -b 1500k) after experimenting with the best quality to size ratio.
     36
    2237{{{
    23 ffmpeg -i video-file.avi video-file.flv
     38ffmpeg -i in.mp4 -s 640x360 -b 1500k out.flv
    2439}}}
    25  * Your web site should include a flash player ([http://flowplayer.org/ Flow Player] is a free software option).
    2640
    27 Optionally, if you have linux, you can use [http://v2v.cc/~j/ffmpeg2theora/ ffmpeg2theora] to create a downloadable version of your video in the ogg/theora free format.
     41I was not able to get ffmpeg to produce a patents-free theora ogg file, so instead I used [http://v2v.cc/~j/ffmpeg2theora/ ffmpeg2theora], which sadly has completely different arguments. The following produced a patent free video file:
     42
     43{{{
     44ffmpeg2theora --width 640 --height 360 -V 1500k -o out.ogg in.mp4
     45}}}
     46
     47=== Macintosh ===
     48
     49Please contribute!
     50
     51=== Windows ===
     52
     53Please contribute!