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

Stream from device cam as background without motion #57

@andi34

Description

@andi34

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;
 }

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions