v0.0.9

.gitignore

@@ -0,0 +1 @@
+config.js

config.js

@@ -1,3 +1,3 @@
 const CONFIG = {
-	apiKey: "1e8d3bcbc24f95e64672521ccdcf6020e2d64d30",
+	apiKey: "",
 };

css/animations.css

@@ -1,13 +1,5 @@
 @keyframes subAnimation {
 	0% {
-		border-image: linear-gradient(
-				to top,
-				var(--border-color-1),
-				var(--border-color-2)
-			)
-			1;
-	}
-	10% {
 		border-image: linear-gradient(
 				to top,
 				var(--border-color-flash-1),
@@ -23,7 +15,7 @@
 			)
 			1;
 	}
-	80% {
+	100% {
 		border-image: linear-gradient(
 				to top,
 				var(--border-color-flash-1),
@@ -31,14 +23,6 @@
 			)
 			1;
 	}
-	100% {
-		border-image: linear-gradient(
-				to top,
-				var(--border-color-2),
-				var(--border-color-1)
-			)
-			1;
-	}
 }
 
 @keyframes borderAnimation {
@@ -82,18 +66,12 @@
 
 @keyframes backgroundSubAnimation {
 	0% {
-		background: var(--border-color-1);
-	}
-	10% {
 		background: var(--border-color-flash-1);
 	}
 	50% {
 		background: var(--border-color-flash-2);
 	}
-	80% {
+	100% {
 		background: var(--border-color-flash-1);
 	}
-	100% {
-		background: var(--border-color-2);
-	}
 }

css/variables.css

@@ -1,7 +1,7 @@
 :root {
-	--border-color-1: rgb(139, 0, 0);
+	--border-color-1: rgb(113, 0, 0);
-	--border-color-2: rgb(255, 74, 74);
+	--border-color-2: rgb(235, 19, 19);
 
-	--border-color-flash-1: rgb(220, 32, 15);
+	--border-color-flash-1: rgb(255, 27, 6);
-	--border-color-flash-2: rgb(210, 220, 15);
+	--border-color-flash-2: rgb(208, 218, 20);
 }

js/app.js

@@ -31,6 +31,6 @@ function sub(subName) {
 		subCount.style.animationDuration = "20s";
 		subCount.innerText = subCountNumber;
 		updateSubCount();
-	}, 2000);
+	}, 11000);
 }
 updateSubCount();

meta.json

@@ -1,3 +1,3 @@
 {
-	"version": "v0.0.1"
+	"version": "v0.0.9"
 }

readme.md

@@ -0,0 +1,5 @@
+# A Twtich camera frame for OBS
+
+## Setup
+1. Change the `apiKey` in the file `config.js` to your [Tipeestream API-Key](https://www.tipeeestream.com/dashboard/api-key/)
+2. Insert the `frame.html` as browser source in your obs

update.ps1

@@ -40,7 +40,7 @@ if ($newestVersionString -ne "") {
     Invoke-WebRequest -Uri "https://github.com/DerTyp876/obs-twitch-camera-frame/archive/refs/tags/$newestVersionString.zip" -OutFile "./temp/$newestVersionString.zip"
     Write-Output "Extracting archive..."
     Expand-Archive -Path "./temp/$newestVersionString.zip" -DestinationPath "./temp/"
-    Get-ChildItem -Path "./temp/ts5-obs-overlay-$($newestVersionString -replace 'v')" -Recurse | Move-Item -Destination "./"
+    Get-ChildItem -Path "./temp/obs-twitch-camera-frame-$($newestVersionString -replace 'v')" -Recurse | Move-Item -Destination "./"
 
     Remove-Item "./temp" -Recurse -Force -Confirm
 
@@ -50,6 +50,5 @@ if ($newestVersionString -ne "") {
 else {
   Write-Output "No new version found!"
 }
-
+Write-Output "You need to add your API-Key again to the config.js!"
-
+pause
-