{"id":25300111,"url":"https://github.com/deftio/mirrormirror","last_synced_at":"2026-02-19T11:03:19.582Z","repository":{"id":239329243,"uuid":"799220717","full_name":"deftio/MirrorMirror","owner":"deftio","description":"A single page HTML and pure JS app that creates an infinity mirror, edge detection and runs on mobile \u0026 desktop.. ","archived":false,"fork":false,"pushed_at":"2024-05-25T04:37:17.000Z","size":13,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-14T10:37:00.423Z","etag":null,"topics":["edge-detection","pure-javascript","real-time","sobel","sobel-edge-detector","sobel-operator","webcam","webcam-capture"],"latest_commit_sha":null,"homepage":"https://deftio.github.io/MirrorMirror/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deftio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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":"2024-05-11T13:51:12.000Z","updated_at":"2024-05-27T05:31:02.000Z","dependencies_parsed_at":"2025-04-06T23:40:36.222Z","dependency_job_id":"ad660754-8602-4509-b6be-69a608b6723d","html_url":"https://github.com/deftio/MirrorMirror","commit_stats":null,"previous_names":["deftio/mirrormirror"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/deftio/MirrorMirror","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deftio%2FMirrorMirror","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deftio%2FMirrorMirror/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deftio%2FMirrorMirror/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deftio%2FMirrorMirror/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deftio","download_url":"https://codeload.github.com/deftio/MirrorMirror/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deftio%2FMirrorMirror/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29611002,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T10:52:55.328Z","status":"ssl_error","status_checked_at":"2026-02-19T10:52:26.323Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["edge-detection","pure-javascript","real-time","sobel","sobel-edge-detector","sobel-operator","webcam","webcam-capture"],"created_at":"2025-02-13T05:38:24.159Z","updated_at":"2026-02-19T11:03:19.561Z","avatar_url":"https://github.com/deftio.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mirror Mirror\nAn Inifinity Mirror App in pure HTML / Javascript\n\nLive Demo here: [Mirror Demo](https://deftio.github.io/MirrorMirror/)\n\n## Description\nThis app creates an infinity mirror effect using the browser webcam. It includes functionalities such as flipping the video feed horizontally, applying an infinity mirror effect, rotating the image, and saving the current view as an image file. The project leverages HTML, CSS, and JavaScript with Bootstrap for styling, and it operates entirely in the browser using the WebRTC API for real-time video processing.\n\n## Features\n- **Camera Control**: Turn the webcam on or off.\n- **Flip Horizontal**: Toggle the horizontal flipping of the video feed.\n- **Infinity Effect**: Apply an infinity mirror effect to the video feed.\n- **Sobel Edge Detection**: Show outlines of all the edges of the stream using a Sobel Detection Filter\n- **Canny Edge Detection**: Show outlines of all the edges of the stream using a Canny Edge Detection Filter\n- **Rotate**: Rotate the video feed by 90 degrees with each button press.\n- **Save Image**: Save the current view as a PNG file.\n\n## Setup and Running Locally\nTo run this application locally:\n1. **Clone the Repository**\n   - Use Git to clone the repository to your local machine:\n     ```\n     git clone https://github.com/deftio/MirrorMirror\n     ```\n   - Navigate into the repository directory:\n     ```\n     cd MirrorMirror\n     ```\n\n2. **Open in a Web Browser**\n   - Open the `index.html` file in a modern web browser that supports the HTML5 video element and canvas API.\n\n   - You can do this by right-clicking the file and selecting \"Open with\" and choosing your browser, or by dragging the file into an open browser window.\n\nalternatively run a local server such as:\n\n```bash\nnpx serve \n```\nopen a browser and go to localhost:3000\n\nor\n\n```bash\npython -m http.server 3000\n```\nopen a browser and go to localhost:3000\n\n\n3. **Grant Permissions**\n   - When you run the application for the first time, your browser will ask for permissions to access the webcam. Make sure to allow this to enable the video functionalities.\n\n## Usage\nClick the \"Turn On\" button to activate the webcam. Use the control buttons to manipulate the video feed as desired. Ensure you have proper permissions set in your browser to allow webcam access.\n\n## License\nThis project is licensed under the BSD 2-Clause \"Simplified\" License. See the `LICENSE.txt` file for more details.\n\n## Contributing\nContributions to this project are welcome. Please fork the repository and submit a pull request with your enhancements.\n\n## Support\nFor support and queries, please open an issue in the repository.\n\n## History\n2024 started by deftio\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeftio%2Fmirrormirror","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeftio%2Fmirrormirror","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeftio%2Fmirrormirror/lists"}