From faaa3a8ecb5380fafa55aad430cd38e5dae384b0 Mon Sep 17 00:00:00 2001
From: Markus Koch <markus@notsyncing.net>
Date: Thu, 2 Jan 2020 22:38:11 +0100
Subject: [PATCH] shared: Add blurred backdrop for YouTube videos

---
 shared.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/shared.php b/shared.php
index e95483a..53c88f8 100644
--- a/shared.php
+++ b/shared.php
@@ -6,6 +6,7 @@
 	define('HOME_PAGE', 'blog');    		// Entry page (and link for logo)
 	define('CACHE_POSTS_TTL', 3600);		// Time to cache the posts list (1h)
 	define('POSTS_BASE', "/b/");    		// Root directory of the posts (relative)
+	define('YT_PREVIEW', "/b/pimg-yt/");		// Directory containing local copies of the youtube thumbnails
 	define('POSTS_ROOT', $_SERVER['DOCUMENT_ROOT'] . POSTS_BASE); // Root directory of the posts (absolute)
 	define('POSTS_PAGE_SIZE', 10);  		// Numbers of posts on a page
 
@@ -124,6 +125,7 @@
 		if ($matches) {
 			$youtube['embed'] = "https://www.youtube.com/embed/" . $matches[1];
 			$youtube['link'] = "https://www.youtube.com/watch?v=" . $matches[1];
+			$youtube['vid'] = $matches[1];
 		}
 		
 		echo '<videoframe><div class="videoframe" style="width:' . $width . 'px;height:' . $width*9/16 . 'px">';
@@ -132,7 +134,7 @@
 			if (opted_in('y')) {
 				echo '<iframe width="100%" height="100%" src="' . $url . '" frameborder="0" allowfullscreen></iframe>';
 			} else {
-				echo "<table border=0 style='height:100%;width:100%'><tr><td style='text-align:center;'>Embedded content has been disabled to protect your privacy.<br><br><br><strong><form action='' method='post'><input type='hidden' name='optin-once' value='y' /><input type='submit' value='Click here to load the videos on this site once,'/></form></strong><br><br><strong><a href='/?p=privacy-controls'>or click here to allow them permanently,</a><br><br><a href=\"" . $youtube['link'] . "\">" . "or click here to watch the video on YouTube:<br>" . $youtube['link'] . "</a></strong><br><br><br>Please note that by enabling this video, data is transferred <br>to YouTube LLC, and is subject to their privacy policy.</td></tr></table>";
+					echo "<div style='width:100%;height:100%;background-color:black;background-image: url(" . YT_PREVIEW . $youtube['vid'] . ".jpg);background-size:contain;'><table border=0 style='height:100%;width:100%;backdrop-filter:blur(3px);background-color:rgba(0,0,0,0.55);text-shadow:1px 1px black;'><tr><td style='text-align:center;'>Embedded content has been disabled to protect your privacy.<br><br><br><strong><form action='' method='post'><input type='hidden' name='optin-once' value='y' /><input type='submit' value='Click here to load the videos on this site once,'/></form></strong><br><br><strong><a href='/?p=privacy-controls'>or click here to allow them permanently,</a><br><br><a href=\"" . $youtube['link'] . "\">" . "or click here to watch the video on YouTube:<br>" . $youtube['link'] . "</a></strong><br><br><br>Please note that, by enabling this video, data is transferred <br>to YouTube LLC, and is subject to their privacy policy.</td></tr></table></div>";
 			}
 		} else {
 			// TODO: HTML5 video