Comments (3)
Actually it's not just a problem with the "Allow Camera Access" button. Even after allowing access, the camera view is not visible in the web demo.
Conversely, in the desktop app, the "Allow Camera Access" button shows up fine (while the app is loading).
So I guess I was right to tag this with affects:web-library and not affects:desktop-app.
I'm not sure what's going on though.
Why are all of these collapsed to 0 or 20 (line height?) pixels in height? And not in the desktop app?
.tracky-mouse-canvas-container-container
.tracky-mouse-canvas-container
.tracky-mouse-canvas-overlay
.tracky-mouse-canvas
from tracky-mouse.
Okay, so the desktop app includes html, body, .tracky-mouse-ui { height: 100%; }
The solution I came up with for the layout doesn't give these elements any intrinsic height, unfortunately.
I should just need a min-height
somewhere though...
from tracky-mouse.
I've fixed this but not in the simplest/best way.
I could leave min-height
unset (auto
), for the web demo, where the .tracky-mouse-ui
is unconstrained in height. This way, the camera area can actually have an intrinsic height based on its width and aspect-ratio.
This would also provide two benefits to the web demo:
- When the viewport is wide, the camera view area would expand to exactly fill the width of the container. Right now it's limited by the
min-height
combined with theaspect-ratio
, leaving space to the left and right. - When the viewport is very narrow, the camera view area would avoid useless space below it. Right now, the width fits nicely but the fixed
min-height
causes it to take up extra height.
from tracky-mouse.
Related Issues (20)
- Trigger click with vocal gestures (pop, ssss, whistle)
- Facemesh results don't correspond to the current camera frame due to latency
- Detect on-screen buttons and controls
- Dwell clicking shouldn't start until head is detected
- Shouldn't show red box when canceling dwell by turning off the dwell clicker
- Add a timer to revert changes if not accepted
- Manual mouse movement detection false positives HOT 3
- Automatically calibrate cursor position to match head tilt (Bonus: generalizes head tilt mode) HOT 1
- Head tracking circularity: balance diagonal movement with horizontal/vertical movement
- "Tracky Mouse Screen Overlay" window visible in taskbar after restarting Windows Explorer HOT 1
- Electron packaging (start creating desktop app releases) HOT 1
- Minimum face size (maximum distance) setting HOT 1
- Nice website/demo HOT 2
- Action binding system and profiles
- Can't build electron app due to dependency on parent folder HOT 5
- Lag when scrolled over section with background on website HOT 1
- Deactivate camera after a period of inactivity, for performance
- Start/Stop button says "Stop" while camera isn't allowed
- Set up debugging renderer process(es) with VS Code
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tracky-mouse.