https://github.com/prokil/browser-in-browser
https://github.com/prokil/browser-in-browser
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/prokil/browser-in-browser
- Owner: ProKil
- Created: 2024-11-28T23:26:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-19T21:08:17.000Z (over 1 year ago)
- Last Synced: 2025-02-19T22:23:26.805Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://bib.zhuhao.me
- Size: 292 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Browser in Browser
I am surprised that data collection for web agents is still hard. This is a hack done in one day to demonstrate a simple approach to data collection for web agents.
## Installation
### Frontend
You can use the hosted version at [bib.zhuhao.me](https://bib.zhuhao.me) or you can run your own frontend through
```bash
cd frontend
bun run dev
```
### Backend
Run the backend server.
```bash
cd backend
# pip install uv # if you don't have uv installed.
uv run playwright install
uv run python main.py
```
## Usage
> [!CAUTION]
> Use `http` only for local development purpose. Please use `https://bib.zhuhao.me` or your self-hosted version together
> with a securly hosted backend (using `https` and `wss` endpoints).
Navigate to [http://bib.zhuhao.me](http://bib.zhuhao.me) and enter the URL you hosted the frontend on.
Put in the backend url (default is `http://localhost:8000`).
When you input a URL, the backend will open the URL in a browser.
The screenshot is updated at 33Hz, which can be tuned in the backend.
Now it supports recording the following actions:
- Single click
- Hover
- Scroll
- Type
MIT License @ 2024 Hao Zhu
Cite as
```bibtex
@misc{bib,
author = {Hao Zhu},
title = {Browser in Browser data collection toolkit},
year = {2024},
howpublished = {\url{https://bib.zhuhao.me}}
}
```