From c116b7e21ea9b07d088250bd35f8b9371e685d28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Audun=20Mathias=20=C3=98ygard?= <amoygard@gmail.com>
Date: Tue, 15 Dec 2015 15:12:16 +0100
Subject: [PATCH] Force examples to run in https

Since Chrome 47+, getUserMedia only works over https, so we force page
to run in https.
---
 clm_video_responses.html           | 8 ++++++++
 examples/caricature.html           | 8 ++++++++
 examples/clm_emotiondetection.html | 8 ++++++++
 examples/clm_genderdetection.html  | 8 ++++++++
 examples/facedeform.html           | 8 ++++++++
 examples/facesubstitution.html     | 8 ++++++++
 face_deformation_video.html        | 8 ++++++++
 face_mask.html                     | 8 ++++++++
 8 files changed, 64 insertions(+)

diff --git a/clm_video_responses.html b/clm_video_responses.html
index b5830063..ae9eb7e1 100644
--- a/clm_video_responses.html
+++ b/clm_video_responses.html
@@ -75,6 +75,14 @@
 				display : block;
 			}
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];
diff --git a/examples/caricature.html b/examples/caricature.html
index a9dc45a8..915a043c 100644
--- a/examples/caricature.html
+++ b/examples/caricature.html
@@ -77,6 +77,14 @@
 				margin-top : 0px;
 			}
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];
diff --git a/examples/clm_emotiondetection.html b/examples/clm_emotiondetection.html
index 9d5f03a7..cc9f59ed 100644
--- a/examples/clm_emotiondetection.html
+++ b/examples/clm_emotiondetection.html
@@ -102,6 +102,14 @@
 			}
 
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];
diff --git a/examples/clm_genderdetection.html b/examples/clm_genderdetection.html
index ba3eaeb9..09886611 100644
--- a/examples/clm_genderdetection.html
+++ b/examples/clm_genderdetection.html
@@ -79,6 +79,14 @@
 				text-align : center;
 			}
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];
diff --git a/examples/facedeform.html b/examples/facedeform.html
index 55c054a3..5cf2d5ed 100644
--- a/examples/facedeform.html
+++ b/examples/facedeform.html
@@ -77,6 +77,14 @@
 				margin-top : 0px;
 			}
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];
diff --git a/examples/facesubstitution.html b/examples/facesubstitution.html
index fa908d0c..8a76c6ec 100644
--- a/examples/facesubstitution.html
+++ b/examples/facesubstitution.html
@@ -75,6 +75,14 @@
 				text-align : center;
 			}
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];
diff --git a/face_deformation_video.html b/face_deformation_video.html
index 7feaaffa..5f13777c 100644
--- a/face_deformation_video.html
+++ b/face_deformation_video.html
@@ -76,6 +76,14 @@
 				display : block;
 			}
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];
diff --git a/face_mask.html b/face_mask.html
index 6bb2d06a..f367b4b1 100644
--- a/face_mask.html
+++ b/face_mask.html
@@ -79,6 +79,14 @@
 				display : block;
 			}
 		</style>
+		<script>
+			// getUserMedia only works over https in Chrome 47+, so we redirect to https. Also notify user if running from file.
+			if (window.location.protocol == "file:") {
+				alert("You seem to be running this example directly from a file. Note that these examples only work when served from a server or localhost due to canvas cross-domain restrictions.");
+			} else if (window.location.hostname !== "localhost" && window.location.protocol !== "https:"){
+				window.location.protocol = "https";
+			}
+		</script>
 		<script type="text/javascript">
 
 			var _gaq = _gaq || [];