From 074167749b726f996d1eafd675aa83864e873b5e Mon Sep 17 00:00:00 2001 From: Reto Kromer Date: Sat, 28 Nov 2015 11:42:16 +0100 Subject: [PATCH 1/7] completed the update of HTML5 layout with
--> at least one issue is still open --> I'll check the content as soon as the new version is live --- index.html | 307 +++++++++++++++++++++++++---------------------------- 1 file changed, 147 insertions(+), 160 deletions(-) diff --git a/index.html b/index.html index 8f96cf1..59c0d32 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,7 @@
Making FFmpeg Easier

FFmpeg is a powerful tool for manipulating audiovisual files. Unfortunately, it also has a steep learning curve, especially for users unfamiliar with a command line interface. This app helps users through the command generation process so that more people can reap the benefits of FFmpeg.

Each button displays helpful information about how to perform a wide variety of tasks using FFmpeg. To use this site, click on the task you would like to perform. A new window will open up with a sample command and a description of how that command works. You can copy this command and understand how the command works with a breakdown of each of the flags.

-

For FFmpeg basics, check out the program's official website.

+

For FFmpeg basics, check out the program’s official website.

For Bash and command line basics, try the Command Line Crash Course.

@@ -48,19 +48,14 @@ Change the above data-target field, the button text, and the below div class (th where the text goes

*****Longer title*****

- -

- ffmpeg -i [sample file path] -

- -

This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info!

- -
    -
  • ffmpeg : starts the command
  • -
  • -i : i for info dudes!
  • -
  • [sample file path] : path to sample file
  • -
- +

ffmpeg -i input_file *****code goes here***** output_file

+

This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info! This is all about info!

+
+
ffmpeg
starts the command
+
-i input file
path, name and extension of the input file
+
*****parameter*****
*****comments*****
+
output file
path, name and extension of the output file
+
@@ -201,14 +196,14 @@ Change the above data-target field, the button text, and the below div class (th

One thumbnail

ffmpeg -i [file path] -ss 00:00:20 -f image2 -vframes 1 thumb.png

This command will grab a thumbnail 20 seconds into the video.

- +
+
ffmpeg
starts the command
+
-i input file
path, name and extension of the input file
+
-ss 00:00:20
seeks video file to 20 seconds into the video
+
-f image2
Forces the file format. image2 is an image file demuxer.
+
-vframes 1
sets the number of frames (in this example, one frame)
+
output file
path, name and extension of the output file
+
@@ -224,40 +219,37 @@ Change the above data-target field, the button text, and the below div class (th

Many thumbnails

ffmpeg -i {path/inputfile.extension} -f image2 -vf fps=fps=1/60 out%d.png

This will grab a thumbnail every minute and output sequential png files.

- +
+
ffmpeg
starts the command
+
-i input file
path, name and extension of the input file
+
-ss 00:00:20
seeks video file to 20 seconds into the video
+
-f image2
Forces the file format. image2 is an image file demuxer.
+
-vf fps=fps=1/60
-vf is an alias for -filter:v, which creates a filtergraph to use for the streams. The rest of the command identifies filtering by frames per second, and sets the frames per second at 1/60 (which is one per minute).
+
output file
path, name and extension of the output file. In the example out%d.png where %d is a regular expression that adds a number (d is for digit) and increments with each frame (out1.png, out2.png, out3.png…).
+
- + - @@ -348,17 +338,17 @@ Change the above data-target field, the button text, and the below div class (th @@ -372,17 +362,16 @@ Change the above data-target field, the button text, and the below div class (th @@ -396,73 +385,71 @@ Change the above data-target field, the button text, and the below div class (th - - + + - + - + - - + + - + - + + + + + + From d378b91fac8306dce207839c7c6a6864cf367393 Mon Sep 17 00:00:00 2001 From: Reto Kromer Date: Sat, 28 Nov 2015 22:26:30 +0100 Subject: [PATCH 3/7] errata corrige --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index c4a1857..09b4196 100644 --- a/index.html +++ b/index.html @@ -505,7 +505,7 @@ path_name_and_extension_to_the_last_file -