Skip to content
Telestrator for OBS. Use Stylus/Pen/Touch to draw on top of the video.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
TransparentPaint Fixed the first char oof title cannot be matched (Off by one error) Aug 30, 2017
docs Updating Readme with pictures. Fixing config path. Aug 30, 2017
.gitignore Initial commit Aug 29, 2017
LICENSE Initial commit Aug 29, 2017
README.md Update README.md Aug 30, 2017
TransparentPaint.sln First functional commit Aug 29, 2017

README.md

TransparentPaint

Telestrator (video marker) for OBS.

配合OBS使用的實況繪圖軟件。

demo

TransparentPaint accepts stylus(pen)/touch/mouse drawing on a transparent canvas, snapped to a particular window (e.g. a OBS source projector). The drawing output is available for HTTP streaming and can be included by OBS BrowserSource. The output can also be displayed on a chroma-keyed window.

Installation

Just copy, unzip and run.

.NET Framework 4.6.1 must be installed first.

Usage

Test

  1. Launch TransparentPaint
    • You don't have to allow for firewall access, because we are accessing it locally
  2. Open http://127.0.0.1:8010 with Chrome (Only tested on Chrome)
  3. Use mouse/stylus/touch to draw something on TransparentPaint
  4. Some strokes should appear on the chrome.

01_test

Use with OBS

  1. Launch OBS
  2. Stream the strokes to OBS
    1. Create a new BrowserSource
  3. To overlay the TransparentPaint over the video
    1. Right click on your video source, then select Windowed Projector
    2. In the TransparentPaint, in the text box near the padlock icon, type Projector
    3. Check the padlock, or F6
    4. The TransparentPaint should snap to the your source projector.
  4. Now you can draw with mouse/stylus/touch

Others

  • Hotkeys
    • F1: Clear canvas
    • F2: Undo
    • F6: Snap toggle
  • The Zoom button creates a cloned window with Green chroma key, which might be useful in some sistuation.
  • Config and logs are saved at %LOCALAPPDATA%\TransparentPaint
  • Tested with Windows 10 + OBS 20.0.1

License

The source code is released under the MIT License.

Distribution

The binaries include the following libraries, and their licensing terms are:

Known Bugs

  • The HTTP streamed output does not include ink currently drawing by stylus/touch.

    I have described this in the Stackoverflow, if someone knows the answer please let me know.

    • The ink will appear only after the stylus or finger is up.
    • mouse is fine though.
You can’t perform that action at this time.