reduce modified files
This commit is contained in:
11
.vscode/setting.json
vendored
Normal file
11
.vscode/setting.json
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"python.analysis.typeCheckingMode": "basic",
|
||||
"[python]": {
|
||||
"editor.defaultFormatter": "charliermarsh.ruff",
|
||||
"editor.formatOnSave": true,
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll.ruff": "explicit",
|
||||
"source.organizeImports.ruff": "explicit"
|
||||
}
|
||||
}
|
||||
}
|
||||
80
README.md
80
README.md
@@ -1,12 +1,3 @@
|
||||
---
|
||||
title: browser-use-webui
|
||||
app_file: webui.py
|
||||
sdk: gradio
|
||||
sdk_version: 5.9.1
|
||||
python_version: 3.12
|
||||
startup_duration_timeout: 2h
|
||||
---
|
||||
# Browser-Use WebUI
|
||||
<img src="./assets/web-ui.png" alt="Browser Use Web UI" width="full"/>
|
||||
|
||||
<br/>
|
||||
@@ -21,19 +12,11 @@ This project builds upon the foundation of the [browser-use](https://github.com/
|
||||
We would like to officially thank [WarmShao](https://github.com/warmshao) for his contribution to this project.
|
||||
|
||||
**WebUI:** is built on Gradio and supports a most of `browser-use` functionalities. This UI is designed to be user-friendly and enables easy interaction with the browser agent.
|
||||
This project builds upon the foundation of the [browser-use](https://github.com/browser-use/browser-use), which is designed to make websites accessible for AI agents.
|
||||
|
||||
We would like to officially thank [WarmShao](https://github.com/warmshao) for his contribution to this project.
|
||||
|
||||
**WebUI:** is built on Gradio and supports a most of `browser-use` functionalities. This UI is designed to be user-friendly and enables easy interaction with the browser agent.
|
||||
|
||||
**Expanded LLM Support:** We've integrated support for various Large Language Models (LLMs), including: Gemini, OpenAI, Azure OpenAI, Anthropic, DeepSeek, Ollama etc. And we plan to add support for even more models in the future.
|
||||
**Expanded LLM Support:** We've integrated support for various Large Language Models (LLMs), including: Gemini, OpenAI, Azure OpenAI, Anthropic, DeepSeek, Ollama etc. And we plan to add support for even more models in the future.
|
||||
|
||||
**Custom Browser Support:** You can use your own browser with our tool, eliminating the need to re-login to sites or deal with other authentication challenges. This feature also supports high-definition screen recording.
|
||||
**Custom Browser Support:** You can use your own browser with our tool, eliminating the need to re-login to sites or deal with other authentication challenges. This feature also supports high-definition screen recording.
|
||||
|
||||
<video src="https://github.com/user-attachments/assets/56bc7080-f2e3-4367-af22-6bf2245ff6cb" controls="controls" >Your browser does not support playing this video!</video>
|
||||
<video src="https://github.com/user-attachments/assets/56bc7080-f2e3-4367-af22-6bf2245ff6cb" controls="controls" >Your browser does not support playing this video!</video>
|
||||
|
||||
## Installation Guide
|
||||
@@ -62,35 +45,6 @@ uv pip install -r requirements.txt
|
||||
|
||||
Then install playwright:
|
||||
|
||||
```bash
|
||||
playwright install
|
||||
```
|
||||
## Installation Guide
|
||||
|
||||
Read the [quickstart guide](https://docs.browser-use.com/quickstart#prepare-the-environment) or follow the steps below to get started.
|
||||
|
||||
> Python 3.11 or higher is required.
|
||||
|
||||
First, we recommend using [uv](https://docs.astral.sh/uv/) to setup the Python environment.
|
||||
|
||||
```bash
|
||||
uv venv --python 3.11
|
||||
```
|
||||
|
||||
and activate it with:
|
||||
|
||||
```bash
|
||||
source .venv/bin/activate
|
||||
```
|
||||
|
||||
Install the dependencies:
|
||||
|
||||
```bash
|
||||
uv pip install -r requirements.txt
|
||||
```
|
||||
|
||||
Then install playwright:
|
||||
|
||||
```bash
|
||||
playwright install
|
||||
```
|
||||
@@ -175,36 +129,4 @@ CHROME_USER_DATA="~/Library/Application Support/Google/Chrome/Profile 1"
|
||||
|
||||
## Changelog
|
||||
|
||||
- [x] **2025/01/06:** Thanks to @richard-devbot, a New and Well-Designed WebUI is released. [Video tutorial demo](https://github.com/warmshao/browser-use-webui/issues/1#issuecomment-2573393113).
|
||||
|
||||
## (Optional) Configure Environment Variables
|
||||
|
||||
Copy `.env.example` to `.env` and set your environment variables, including API keys for the LLM. With
|
||||
|
||||
```bash
|
||||
cp .env.example .env
|
||||
```
|
||||
|
||||
**If using your own browser:** - Set `CHROME_PATH` to the executable path of your browser and `CHROME_USER_DATA` to the user data directory of your browser.
|
||||
|
||||
You can just copy examples down below to your `.env` file.
|
||||
|
||||
### Windows
|
||||
|
||||
```env
|
||||
CHROME_PATH="C:\Program Files\Google\Chrome\Application\chrome.exe"
|
||||
CHROME_USER_DATA="C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data"
|
||||
```
|
||||
|
||||
> Note: Replace `YourUsername` with your actual Windows username for Windows systems.
|
||||
|
||||
### Mac
|
||||
|
||||
```env
|
||||
CHROME_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
|
||||
CHROME_USER_DATA="~/Library/Application Support/Google/Chrome/Profile 1"
|
||||
```
|
||||
|
||||
## Changelog
|
||||
|
||||
- [x] **2025/01/06:** Thanks to @richard-devbot, a New and Well-Designed WebUI is released. [Video tutorial demo](https://github.com/warmshao/browser-use-webui/issues/1#issuecomment-2573393113).
|
||||
- [x] **2025/01/06:** Thanks to @richard-devbot, a New and Well-Designed WebUI is released. [Video tutorial demo](https://github.com/warmshao/browser-use-webui/issues/1#issuecomment-2573393113).
|
||||
@@ -2,5 +2,4 @@ browser-use>=0.1.18
|
||||
langchain-google-genai>=2.0.8
|
||||
pyperclip
|
||||
gradio
|
||||
langchain-ollama
|
||||
|
||||
langchain-ollama
|
||||
Reference in New Issue
Block a user