Quick Start
Get Posture!Posture!Posture! up and running in minutes. This guide will walk you through your first posture tracking session.Prerequisites
Make sure you’ve installed the extension before proceeding.
- A working webcam
- Good lighting for optimal pose detection
- A comfortable sitting position with good posture
Initial Setup
Open the extension popup
Click the Posture!Posture!Posture! icon in your browser toolbar to open the popup menu.
If you don’t see the icon, click the extensions menu (puzzle piece icon) and pin Posture!Posture!Posture!
Launch the Options window
Click the “Open Popup” button in the extension menu. This will open a new window where you can see your webcam feed and tracking visualization.The Options window is where the AI model runs and performs pose detection.
Start Tracking
Position yourself with good posture
Before starting tracking, sit up straight in your chair with proper posture:
- Back straight against the chair
- Shoulders relaxed and back
- Eyes level with the top third of your monitor
- Feet flat on the floor
Start the camera
Click the “Start” button in the Options window. The webcam feed will appear along with real-time pose detection visualization.You’ll see:
- Your live webcam feed
- Skeletal tracking overlay showing detected keypoints
- A green line indicating your baseline good posture height
Wait for model initialization
The TensorFlow.js MoveNet model will load and begin tracking. This takes a few seconds on first launch.Once tracking starts, the extension will automatically capture your current eye position as the baseline for good posture.
Test Your Setup
Now that tracking is active, let’s verify everything is working:Browse normally
Open a new tab and browse to any website. While maintaining your good posture, pages should appear normal without any blur effect.
Slouch intentionally
Now slouch or lean forward significantly. Within 1-2 seconds, you should notice:
- Web pages become blurred
- A “Sit Up Straight!” message appears at the top of the page
The extension detects posture changes every 100ms and compares your current eye position to your baseline. If you deviate by more than 25 pixels, the blur effect is applied.
Using the Extension
Reset Your Posture Baseline
If you need to adjust your seating position or want to set a new “good posture” baseline: Option 1: From the Options window- Click the “Reset Posture” button while tracking is active
- Sit in your new desired good posture position
- The extension will automatically capture the new baseline
- Click the extension icon in your toolbar
- Click “Reset Posture”
- Sit in your new desired position
Stop and Start Tracking
You can toggle tracking on and off at any time:- From the Options window: Click the “Stop” button (or “Start” to resume)
- From the popup menu: Click “Stop” or “Start”
Switch Cameras
To change which camera is used:- In the Options window, use the camera dropdown menu
- Select your preferred camera
- Tracking will restart automatically with the new camera
Tips for Best Results
Proper Lighting
Ensure your face is well-lit for optimal pose detection. Natural light or a desk lamp works best.
Keep Window Open
The Options window must stay open (can be minimized to taskbar) for tracking to work.
Stable Position
Set your baseline in a comfortable position you can maintain throughout your browsing session.
Adjust Sensitivity
The deviation threshold is set to 25 pixels by default. This provides good balance between sensitivity and false positives.
Common Issues
The blur effect isn’t appearing
- Verify the Options window is open and tracking is started (badge shows “ON”)
- Check that the green baseline line is visible in the Options window
- Try slouching more dramatically to trigger the effect
- Ensure your face is visible and well-lit in the webcam feed
Tracking keeps stopping
- The Options window may have been closed. Keep it open (minimized is fine)
- Check that camera permissions are still granted
- Verify good lighting conditions for pose detection
The blur is too sensitive or not sensitive enough
The default sensitivity (25 pixel deviation) works for most users, but you may need to adjust based on:- Your distance from the webcam
- Your monitor size and position
- How much you naturally move while working
Future updates may include user-adjustable sensitivity controls.
Camera not detected
- Ensure your webcam is connected and functioning
- Check that no other application is using the camera
- Verify camera permissions in browser settings
- Try selecting a different camera from the dropdown
Next Steps
You’re now ready to maintain good posture while browsing! The extension will continue to monitor your position and provide visual feedback.Back to Introduction
Learn more about how the extension works and its privacy features
Support & Feedback
If you encounter issues or have suggestions:- Report issues on GitHub
- Leave a review on the Chrome Web Store or Firefox Add-ons