From 5942d202978bdac53c495ad022047ef1ef8690d9 Mon Sep 17 00:00:00 2001
From: Kieran O'Leary <kieran.o.leary@gmail.com>
Date: Sun, 30 Oct 2016 14:08:25 +0000
Subject: [PATCH 1/2] adds image watermark overlay

---
 index.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/index.html b/index.html
index 5c238ec..cc81f25 100644
--- a/index.html
+++ b/index.html
@@ -1078,6 +1078,28 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
   </div>
   <!-- ends Text watermark -->
 
+  <!-- Transparent Image Watermark -->
+  <span data-toggle="modal" data-target="#image_watermark"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Overlay image watermark">Overlay image watermark on video</button></span>
+  <div id="image_watermark" class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-lg">
+      <div class="modal-content">
+        <div class="well">
+          <h3>Overlay image watermark on video</h3>
+          <p><code>ffmpeg -i <i>input_video file</i> -i <i>input_image_file</i> -filter_complex overlay=main_w-overlay_w-5:5 <i>output_file</i></code></p>
+          <dl>
+            <dt>ffmpeg</dt><dd>starts the command</dd>
+            <dt>-i <i>input_video_file</i></dt><dd>path, name and extension of the input video file</dd>
+            <dt>-i <i>input_image_file</i></dt><dd>path, name and extension of the image file</dd>
+            <dt>-filter_complex overlay=main_w-overlay_w-5:5</dt><dd>This calls the overlay filter and sets x and y coordinates for the position of the watermark on the video. Instead of hardcoding specific x and y coordinates, <code>main_w-overlay_w-5:5</code> uses relative coordinates to place the watermark in the upper right hand corner, based on the width of your input files. Please see the <a href="https://www.ffmpeg.org/ffmpeg-all.html#toc-Examples-102">ffmpeg documentation for more examples.</a></dd>
+            <dt><i>output_file</i></dt><dd>path, name and extension of the output file.</dd>
+          </dl>
+          <p class="link"></p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- ends Image Watermark -->
+
   <!-- Burn in timecode-->
   <span data-toggle="modal" data-target="#burn_in_timecode"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Burn in timecode ">Burn in timecode</button></span>
   <div id="burn_in_timecode" class="modal fade" tabindex="-1" role="dialog">

From 36409683c1f5152bfd6b5301bb665178ff7a85ce Mon Sep 17 00:00:00 2001
From: Kieran O'Leary <kieran.o.leary@gmail.com>
Date: Sun, 30 Oct 2016 14:29:32 +0000
Subject: [PATCH 2/2] image watermark - typo

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index cc81f25..1f277e3 100644
--- a/index.html
+++ b/index.html
@@ -1091,7 +1091,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
             <dt>-i <i>input_video_file</i></dt><dd>path, name and extension of the input video file</dd>
             <dt>-i <i>input_image_file</i></dt><dd>path, name and extension of the image file</dd>
             <dt>-filter_complex overlay=main_w-overlay_w-5:5</dt><dd>This calls the overlay filter and sets x and y coordinates for the position of the watermark on the video. Instead of hardcoding specific x and y coordinates, <code>main_w-overlay_w-5:5</code> uses relative coordinates to place the watermark in the upper right hand corner, based on the width of your input files. Please see the <a href="https://www.ffmpeg.org/ffmpeg-all.html#toc-Examples-102">ffmpeg documentation for more examples.</a></dd>
-            <dt><i>output_file</i></dt><dd>path, name and extension of the output file.</dd>
+            <dt><i>output_file</i></dt><dd>path, name and extension of the output file</dd>
           </dl>
           <p class="link"></p>
         </div>