Coder Social home page Coder Social logo

akirosingh / betahangtime Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 80.5 MB

Static Javascript App to record time under tension

Home Page: https://betahangtime.askadam.me

License: MIT License

HTML 18.51% JavaScript 63.67% CSS 17.82%
climbing rock

betahangtime's Introduction

BetaHangtime

BetaHangtime is a web application that allows users to analyze rock climbing videos by recording and analyzing their keystrokes as a proxy for hand movements over time. By pressing and holding F (Left Hand) and J (Right hand), users can track their movements and obtain statistics on rock climbs they care about.

Table of Contents

Demo

betahangtime.askadam.me
Alt text

Features

  • Real-time movement tracking
  • Detailed statistics on movement duration and frequency
  • Easy sharing of statistics for YouTube and Instagram Comments
  • Export timeseries data to CSV for further analysis

Usage

  1. Open the app at betahangtime.askadam.me
  2. Set up window next to a window of a climbing video
  3. Start the climbing video
  4. Start Recording
  5. Press 'F' and 'J' corresponding to when the left and right hand are on the wall
  6. Stop recording
  7. If satisfied with the quality, post statistics into comments
  8. Export data for future reference

Tips

  • Pulling on with both hands counts as two moves whereas typically the first move is usually talked about as after establishing on the start.
  • There is a learning curve to this. Try on a short video first.
  • Predicting climbing movement can be tricky, having two climbing windows open with one a little ahead can help but I've found the framerate can drop
  • Reaction time is about 0.2 seconds so differences that are smaller might not be relevant

Support

For any queries or support, please email me at [email protected] or raise an issue on GitHub

Contributing

Contributions are welcome! Feel free to open a pull request or branch from this project.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.