{"id":29544073,"url":"https://github.com/blanksourcecode/webrtc-telestrator","last_synced_at":"2025-07-17T14:14:38.135Z","repository":{"id":205529889,"uuid":"704772640","full_name":"BlankSourceCode/WebRTC-Telestrator","owner":"BlankSourceCode","description":"A remote telestrator app using WebRTC","archived":false,"fork":false,"pushed_at":"2024-10-17T00:48:48.000Z","size":3602,"stargazers_count":22,"open_issues_count":5,"forks_count":9,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-10-19T01:35:28.055Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BlankSourceCode.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-14T03:49:50.000Z","updated_at":"2024-10-17T00:48:51.000Z","dependencies_parsed_at":"2024-02-08T01:24:16.202Z","dependency_job_id":"fcf57624-792e-4bd7-b231-0c348236549c","html_url":"https://github.com/BlankSourceCode/WebRTC-Telestrator","commit_stats":null,"previous_names":["blanksourcecode/webrtc-telestrator"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/BlankSourceCode/WebRTC-Telestrator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlankSourceCode%2FWebRTC-Telestrator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlankSourceCode%2FWebRTC-Telestrator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlankSourceCode%2FWebRTC-Telestrator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlankSourceCode%2FWebRTC-Telestrator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BlankSourceCode","download_url":"https://codeload.github.com/BlankSourceCode/WebRTC-Telestrator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BlankSourceCode%2FWebRTC-Telestrator/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265614786,"owners_count":23798514,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-17T14:14:22.466Z","updated_at":"2025-07-17T14:14:38.129Z","avatar_url":"https://github.com/BlankSourceCode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WebRTC-Telestrator\n\nA remote telestrator app using WebRTC. Use a remote device (such as a phone or tablet) to draw on your screen while recording/streaming via OBS. Rather than just having a blank 'greenscreen' to draw on, this app streams a specified display so that you can see exactly where you are drawing on your device.\n\n## Usage\n1. Launch webrtc-telestrator\n    * This will start a small http/websocket server on port 8888 (by default).\n1. In OBS, add a new Browser source and point it to http://localhost:8888/obs.html\n    * This will request a transparent streaming mjpeg image from the server and display it.\n    * Overlay this browser source on your OBS setup.\n1. On your OBS machine, open a new WebRTC enabled web browser to http://localhost:8888\n    * The built in OBS browser source doesn't support WebRTC so you need to use a real browser such as Edge or Chrome.\n    * Tested with Windows Microsoft Edge.\n    * Note: Be sure to use '**localhost**' and not '*yourhostmachine*' because the browser blocks WebRTC share requests on non-https (aka http) servers which this is.\n1. In the browser, click \"Host\" and select the window/display you want to stream\n    * This will be the live image that will be the background for the remote device to see where they are drawing.\n    * Some suggestions:\n        * Just select the monitor that you are streaming/recording.\n        * In OBS, right-click a source and select \"Windowed Projector (Source)\" to open a new window showing just that source. Then select that window in the Host browser.\n1. On your remote device, open a new WebRTC enabled web browser to http://yourhostmachine:8888\n    * Your device browser will need to support WebRTC.\n    * Tested with Windows (Microsoft Edge), Android (Chrome), IOS (Safari).\n1. In the browser, click \"Join\" to begin telestrating\n    * This will connect to the host and show the shared display as the background of your canvas.\n    * Drawing on the canvas will send the data to the server and display it on the OBS browser source which will then be recorded/streamed as normal.\n    * Happy drawing!\n\n## Example\n\n![Usage Demo](WebRTC-Telestrator.gif)\n\n## Development Setup\n* Clone this repo\n* Run `npm install` in '/webrtc-telestrator'\n* Open '/webrtc-telestrator' in `VS Code`\n* Press `F5` to start debugging\n\nTo anyone brave enough to use this - Good Luck!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblanksourcecode%2Fwebrtc-telestrator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblanksourcecode%2Fwebrtc-telestrator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblanksourcecode%2Fwebrtc-telestrator/lists"}