Skip to content
This repository has been archived by the owner on Aug 27, 2022. It is now read-only.

Stream from device cam as background without motion #57

Closed
andi34 opened this issue May 21, 2020 · 0 comments · Fixed by #58
Closed

Stream from device cam as background without motion #57

andi34 opened this issue May 21, 2020 · 0 comments · Fixed by #58
Labels
enhancement New feature or request

Comments

@andi34
Copy link
Owner

andi34 commented May 21, 2020 •
edited
Loading

Is your feature request related to a problem? Please describe.
No. Only improvement.

Describe the solution you'd like
On init start the Videostream from device cam and use it as background.

Describe alternatives you've considered
None.

Additional context
WIP.

Something i was testing. Device cam works as background but

  • no preview at countdown
  • missing background on result page.
diff --git a/index.php b/index.php
index 8aa1621..9794642 100644
--- a/index.php
+++ b/index.php
@@ -39,7 +39,7 @@ $imagelist = ($config['newest_first'] === true) ? array_reverse($images) : $imag
        <link rel="stylesheet" href="resources/css/rounded.css" />
        <?php endif; ?>
 </head>
-
+<video id="video--view" autoplay playsinline></video>
 <body class="deselect">
        <div id="wrapper">
        <?php if( !$config['login_enabled'] || (isset($_SESSION['auth']) && $_SESSION['auth'] === true || !$config['protect_index'])): ?>
diff --git a/resources/js/core.js b/resources/js/core.js
index 88e0233..c47b28f 100644
--- a/resources/js/core.js
+++ b/resources/js/core.js
@@ -85,6 +85,7 @@ const photoBooth = (function () {
 
         resultPage.hide();
         startPage.addClass('open');
+        public.startVideo();
     }
 
     public.openNav = function () {
diff --git a/resources/sass/style.scss b/resources/sass/style.scss
index efec404..8d217c8 100644
--- a/resources/sass/style.scss
+++ b/resources/sass/style.scss
@@ -15,8 +15,6 @@
   overflow: hidden;
   width: 100%;
   height: 100%;
-  background-color: $mainColor;
-  background-image: $backgroundImage;
   background-position: center center;
   background-size: cover;
 }
@andi34 andi34 added the enhancement New feature or request label May 21, 2020
@andi34 andi34 changed the title Video stream as background without motion Stream from device cam as background without motion May 21, 2020
@andi34 andi34 mentioned this issue May 31, 2020
Merged
@andi34 andi34 closed this as completed in #58 Jun 1, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Feature: device cam as background andi34/photobooth
1 participant
@andi34