Please see below for a (real) demo. All the code is in this repo! Cheers.
<script data-goatcounter="https://sagittarius.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script> <iframe width="100%" height="515" src="https://www.youtube.com/embed/__nL7Vc0OCg?si=tReedrTnNuSBFHXs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>You can run this repo using Dev Containers extension.
To connect this demo with Open AI you need to configure your Open AI Key in a .env file (see .env.sample).
After that you can run it using the following command:
npm run dev
Have fun! 👋🏻
Made by Greg Technology.