Coder Social home page Coder Social logo

mcgee993 / health-data-server-overlay Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rexios80/hds_overlay

0.0 0.0 0.0 10.13 MB

This is a stream overlay that shows heart rate and calorie burn information sent from an Apple Watch running the Health Data Server app.

License: BSD 3-Clause "New" or "Revised" License

Dart 76.68% CMake 7.35% C++ 12.27% C 0.67% Swift 0.30% Ruby 0.71% HTML 1.57% JavaScript 0.16% CSS 0.29%

health-data-server-overlay's Introduction

Health Data Server Overlay

This is a stream overlay that shows heart rate and calorie burn information sent from an Apple Watch, Samsung watch, or Android watch running the Health Data Server app

Links

HDS in action

Preview Image

You can track development progress here

Set up with HDS Cloud (Apple Watch only for now)

  1. Download the watch app for your device
  2. Add hds.dev as a browser source in OBS
  3. Input the HDS Cloud ID from the browser source into the overlay ids section on the watch
  4. (optional) Hold alt (Windows) or opt (macOS) and drag the edges of the browser source to crop it
  5. Click the start button on the watch
  6. It should just workโ„ข
  7. To edit the overlay configuration right click on the browser source in the sources list and click Interact

Set up the old fashioned way

  1. Download the watch app and the desktop app for your platform
  2. For the Windows Firewall prompt, make sure to check both the boxes and then click "Allow access"
    • Firewall Dialog
  3. Add hds.dev as a browser source in OBS
  4. Right click on the browser source in the sources section and click "Interact"
  5. Go into the settings and disable HDS Cloud
  6. Hold alt (Windows) or opt (macOS) and drag the edges of the browser source to crop it
  7. Make sure the watch and device running the overlay application are on the same network. If the watch is connected to a phone, you just need to make sure the phone is connected to the same network.
  8. Disable HDS Cloud in the settings on the watch
  9. Type the IP address of the machine running the overlay application
    • The overlay application will list possible IP addresses of your machine on startup. If none of those work, you may have to find the IP address manually.
    • If you need help finding the IP address of your machine, read this. It probably looks something like this: 192.168.xxx.xxx
    • If you want to send data to an external server, you will need to input the full websocket URL ex: ws://hostname:port/other/stuff
  10. Click the start button on the watch

Useful things

  • You can import a config with a url parameter. This is useful if you want to use something like the Streamlabs mobile app in which you cannot interact with the web page.
    1. Use hds.dev to create the overlay configuration you want
    2. Click the export button in the top right to copy the configuration to your clipboard
    3. Use https://www.urlencoder.org to encode the config that you just copied
    4. Create a url that looks like this: https://hds.dev/#/overlay?config=Encoded config
    5. Use that url as a browser source in your app of choice

If you have problems

Try these troubleshooting steps before asking for help

Please consider writing a review

Many people only leave reviews when they have a problem with an app. Even if many users don't have an issue, these negative reviews can turn off potential new users. If you enjoy this application, please consider leaving a review on the App Store page. Even a simple review helps a lot!

health-data-server-overlay's People

Contributors

rexios80 avatar pilo1337 avatar

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.