mirror of
https://github.com/Aider-AI/aider.git
synced 2025-06-02 10:45:00 +00:00
db0e420ea0
# Aider chat conversation: USER: add the highlight image as the thumbnail that will show before the <video> tag plays ASSISTANT: To add the highlight image as a thumbnail that shows before the video plays, we can use the `poster` attribute on the `<video>` tag. Here is the *SEARCH/REPLACE* block: _posts/2024-05-02-browser.md <source> <<<<<<< SEARCH <video width="704" height="720" controls> ======= <video width="704" height="720" controls poster="/assets/browser.jpg"> >>>>>>> REPLACE </source> The `poster` attribute specifies an image to be shown while the video is downloading, or until the user hits the play button. This will display the `browser.jpg` image before the video starts playing.
23 lines
726 B
Markdown
23 lines
726 B
Markdown
---
|
|
title: AI pair programming in your browser
|
|
excerpt: Aider has an experimental browser UI, allowing you to collaborate with LLMs on code in your local git repo.
|
|
highlight_image: /assets/browser.jpg
|
|
---
|
|
# AI pair programming in your browser
|
|
|
|
<video width="704" height="720" controls poster="/assets/browser.jpg">
|
|
<source src="/assets/aider-browser-social.mp4" type="video/mp4">
|
|
[Aider browser UI demo video](/assets/aider-browser-social.mp4)
|
|
</video>
|
|
|
|
Aider is now also AI pair programming in your browser!
|
|
Use the `--browser` switch to launch am experimental browser based version of aider.
|
|
|
|
```
|
|
pip install aider-chat
|
|
|
|
export OPENAI_API_KEY=<key> # Mac/Linux
|
|
setx OPENAI_API_KEY <key> # Windows
|
|
|
|
aider --browser
|
|
```
|