Installation

1. Run following commands.

   mkdir dota2-spectating-helper
   cd dota2-spectating-helper
   git clone https://github.com/yukidaruma/dota2-spectating-helper .
   npm install
   

2. Add gamestate_integration_*.cfg file to teamapps\common\dota 2 beta\game\dota\cfg\gamestate_integration\. Example:

   "dota2-gsi Configuration"
   {
       "uri"               "http://localhost:3000/"
       "timeout"           "5.0"
       "buffer"            "0.1"
       "throttle"          "0.1"
       "heartbeat"         "30.0"
       "data"
       {
           "provider"      "1"
           "map"           "1"
           "player"        "1"
           "hero"          "1"
           "abilities"     "1"
           "items"         "1"
       }
       "auth"
       {
           "token"         "hello1234"
       }
   }
   

3. Install SkyWay Screenshare browser extension on your browser. Installation for Chrome

   1. Enable Developer Mode at chrome://extensions

   2. Modify manifest.json. Example for Chrome:

      {
          "name": "Dota 2 Spectating Helper screenshare enabler",
          "short_name": "D2SpectatingHelper",
          "version": "0.1",
          "manifest_version": 2,
          "description": "Allows Dota 2 Spectating Helper to use screen share",
          "icons": {
              "16": "icon16.png",
              "48": "icon48.png",
              "128": "icon128.png"
          },
          "permissions": [
              "desktopCapture",
              "tabs",
              "http://localhost:3000/*"
          ],
          "background": {
              "scripts": ["background.js"],
              "persistent": false
          },
          "content_scripts": [{
              "matches": ["http://localhost:3000/*"],
              "js": ["content.js"],
              "all_frames": true,
              "run_at": "document_end"
          }]
      }

   3. Drag and drop extension folder into chrome://extensions screen.

4. Enable "Play Sound in Desktop" and change to Borderless Window in Dota 2 settings.

5. Adjust VIDEO_SOURCE_WIDTH, VIDEO_SOURCE_HEIGHT, VIDEO_SOURCE_FRAMERATE in static/index.html depending on your video settings. (default 1366x768@60fps)

Usage

1. Run npm start.
2. Open http://localhost:3000.

Only works for spectator, replay, or broadcaster modes.

Demo

https://gfycat.com/TepidSnappyIndianspinyloach

License

MIT

Third-party license

dota2-gsi-fork is a fork of https://github.com/xzion/dota2-gsi, which is released under MIT License.