From 2ce2a7d4695ff9ac71994796a188125ddef78f8f Mon Sep 17 00:00:00 2001
From: Ashley Blewer <ashley.blewer@gmail.com>
Date: Wed, 18 Nov 2015 11:48:17 -0800
Subject: [PATCH] yeah totally obtuse way time to refactor

---
 index.html  | 26 ++++++++++++++++++++++++++
 js/forms.js |  4 ++++
 2 files changed, 30 insertions(+)

diff --git a/index.html b/index.html
index 9d9d265..5e5e428 100644
--- a/index.html
+++ b/index.html
@@ -42,6 +42,9 @@
             <!-- sample example -->
               <span id="show_display_info"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Displays information about a media file">Display Info</button></span>
             <!-- ends sample example -->
+            <!-- one thumbnail -->
+              <span id="show_one_thumbnail"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Generate one thumbnail for videos">One thumbnail</button></span>
+            <!-- ends one thumbnail -->
        </div>
 
 
@@ -71,7 +74,30 @@
     </div>
 <!-- ends sample example -->
 
+<!-- generate one thumbnail for videos -->
+    <div class="one_thumbnail" style="display:none;">
 
+      <div class="well">
+        <h2>ffmpeg -i [file path] -ss 00:00:20 -f image2 -vframes 1 thumb.png</h2>
+      </div>
+
+      <div class="well">
+        <p>This first command will grab a thumbnail 20 seconds into the video.</p>
+      </div>
+
+      <div class="well">
+        <ul>
+          <li>ffmpeg: calls the program</li>
+          <li>-i for input</li>
+          <li>-ss 00:00:20: seeks video file to 20 seconds into the video </li>
+          <li>-f image2: Forces the file format. image2 is an image file demuxer.</li>
+          <li>-vframes 1: sets the number of frames (in this example, one frame)</li>
+          <li>thumb.png: output name and format</li>
+        </ul>
+      </div>
+
+    </div>
+<!-- ends generate one thumbnail for videos -->
 
 
 
diff --git a/js/forms.js b/js/forms.js
index fc53b15..22b449c 100644
--- a/js/forms.js
+++ b/js/forms.js
@@ -23,6 +23,10 @@ $(document).ready(function() {
     $( ".display_info" ).show();
   });
 
+  $( "#show_one_thumbnail" ).click(function() {
+    chillScroll();
+    $( ".one_thumbnail" ).show();
+  });
   $( "#show_web" ).click(function() {
     chillScroll();
     $( ".web" ).show();