Calibrater

Breath Calibration

In this zone you will calibrate the timing of your breathing.
click anywhere inside when breath changes.
click when you start to inhale.

Evit Review

Edit the values or Accept
Breath Timing Resuts
Phase Time (secs)
Inhale
Hold In
Exhale
Hold Out
Full Cycle

Breather


Settings

Image







Help

About


Every trained disciple from the archer, the atlete, and ballerina to the runners, wrestlers and zen masters have undergone intense breath training. Without any obvious other reasons, this alone should be a clue to how important breathing is.
Breathe is a tool that may help to maintain a breathing rhythm.
It's a clone of another tool, but this one is free and may have more features.
It should work on most devices, and on any web browser.
There are four pages, this document explains their use.

Calibrater Page

Breath Calibration

This is where you will need to start to calibrate your breathing rhythm.
Get ready to start and when you begin to inhale click anywhere in the zone marked in the green border.
Click again when you finish inhaline.
Hold it in for a count or so and click again when you are about to exhale. Do your slow exhale click when finished.
Hold your breath out for however many counts and click to finish timing yourbreath cycle.
Alternatively you can manually time your breathng with a stopwatch and enter in the Edit area.

Edit Review

The timing of your breathing cycle will be listed in the table in seconds.
If you want to make part of yur cycle longer or shorter you may change the values by hand, oand press the Accept buttpn, or Recalibrate.
The Load Demo button will load a sample rhythm and overwrite your calibration. It was meant for testing and demo.
The other buttons, Load and Save are inactive there for future use.

Breathe Page

This is the functional part of the application. Your breath cycle is recorded and replayed for you to follow along. It's as simple as that.
The buttons are self explanitory.
I've loaded some background images which can be changed from this tab.

Settings

Here you can change background and forground colors, and font sizes.
select the page you want to customize and set the settings as you prefer.
The color selection tool uses Named Web Colors and most browsers will display the color and name, however there seems to be a little bugaboo in firefox that prevents it from styling properly.
I may include more detailed customization at a later time.

To Do

I know I'm not done, but it looks ok and works.
Well the looks ok might be a stretch, but all the colrs can be tweaked to suit the user. br There are still some things left to implement or improve.
  • condense code
  • initialize all inputs
  • User Images
  • Sound / Music
  • Video Visualizations
  • Themes
  • Saving and Loading settings and breathing data.
Yep, lots to do.
This may not take your breath away but, I hope you find this useful.

Steve Strongheart
steve@strongheart.tech
sagetumbleweed@gmail.com