Custom Video Chat with 3D avator, using Tencent Real-Time Communication and Open AI
Register and create a Tencent Cloud account
The packages are divided between the front and server side. The front side is in the packages/client
directory and the server side is in the packages/back
directory.
In the front, rename the sample.env
to .env
and add your credentials of the application in Tencent Real-Time Communication.
.env
VITE_SDKAPPID=XXXX
VITE_SECRETKEY=XXXX
In the server, rename the sample.env
to .env
and add your credentials of the API Key in Open AI.
.env.local
#!/bin/bash
OPENAI_API_KEY=XXXX
In the server, install Rhubarb Lip Sync and add the symbolic link path to bin/rhubarb
.
For the development, on both the front and server side:
$ npm install
$ npm run dev
For the build, on the top directory:
$ npm run build
I wrote an article about this application in Japanese.