bornfree / talking_avatar

A nice 3D avatar that can speak input text with facial expressions
MIT License
288 stars 88 forks source link

Example only shows the model's hair #5

Open JeroenDerks opened 1 year ago

JeroenDerks commented 1 year ago

Hi,

Thank you for a nice example on integrating the text to audio.

I can receive the audio and Viseme, but the model is not loading correctly.

Would you be so kind to show me how to display the entire model?

Scherm­afbeelding 2023-05-04 om 10 06 11

dmicheletto commented 1 year ago

Hi @JeroenDerks

I had your same problem. I solved it like this:

Sun-Deep commented 1 year ago

Hi @dmicheletto,

I tried your suggested solution but the problem is still there. Any idea what may be the issue here? I am using Next.JS v13

sumitsarraf commented 1 year ago

Hi @JeroenDerks

I had your same problem. I solved it like this:

  • delete the project from your pc
  • check node, npm and yarn installation (my setup is node v20.2.0, npm 9.6.6 and yarn 1.22.19)
  • download the project again
  • run $yarn install $yarn start

Screenshot 2023-07-26 103646

@dmicheletto @bornfree Same issue for me also. tried updating everything but nothing worked. any suggestion?

mquenumsiax commented 1 year ago

Same here ! image Any other idea ?

JeroenDerks commented 1 year ago

I didnt manage to fix this example either. Decided to move on.

sumitsarraf commented 1 year ago

This is a really great sample code to start with. But the question is, can we replace the 3D model with something else? If yes, please elaborate on what type or kind of model I can use and where I can get it. Any suggestions or guidance are highly appreciated.

and I'm trying to fix the same code if it starts working, I'll share the repo with you soon

Thanks, Sumit

On Wed, Jul 26, 2023 at 4:44 PM JeroenDerks @.***> wrote:

I didnt manage to fix this example either. Decided to move on.

Here https://dungeon-master-five.vercel.app/ you'll find a demo of where I got. You can type in the text box and the model will mimic the text with their face (voice control doesnt work) Here https://github.com/JeroenDerks/dungeon_master/tree/main/public is the corresponding repo if you're interested in the code.

— Reply to this email directly, view it on GitHub https://github.com/bornfree/talking_avatar/issues/5#issuecomment-1651576275, or unsubscribe https://github.com/notifications/unsubscribe-auth/AII44TOXWEZB5H2UYQ7H5ZTXSD32BANCNFSM6AAAAAAXVNUWGE . You are receiving this because you commented.Message ID: @.***>

PatrickkZhao commented 1 year ago

I fixed it by updating the latest library, also removing the Bg component. yarn add @react-three/drei @react-three/fiber @types/three three

Shivamkumar285 commented 1 year ago

This is a really great sample code to start with. But the question is, can we replace the 3D model with something else? If yes, please elaborate on what type or kind of model I can use and where I can get it. Any suggestions or guidance are highly appreciated. and I'm trying to fix the same code if it starts working, I'll share the repo with you soon Thanks, Sumit

Hey did you get anything on this?

Affan-Khan-13 commented 10 months ago

Hey anyone solved this ? @JeroenDerks @sumitsarraf @dmicheletto @Sun-Deep @mquenumsiax @PatrickkZhao I tried updating to latest versions, which just crashes the app instead

daz-williams commented 10 months ago

I had the same problem. Here's how I fixed it:

  1. Clone repo
  2. yarn install
  3. yarn add three
  4. Edit App.js change <planeBufferGeometry /> to <planeGeometry />
  5. yarn start

Three is the only package I updated.

Prior: "three": "^0.142.0",

Updated to: "three": "^0.158.0",

@JeroenDerks @sumitsarraf @dmicheletto @Sun-Deep @mquenumsiax @PatrickkZhao @Affan-Khan-13 @bornfree

Affan-Khan-13 commented 10 months ago

I had the same problem. Here's how I fixed it:

  1. Clone repo
  2. yarn install
  3. yarn add three
  4. Edit App.js change <planeBufferGeometry /> to <planeGeometry />
  5. yarn start

Three is the only package I updated.

Prior: "three": "^0.142.0",

Updated to: "three": "^0.158.0",

@JeroenDerks @sumitsarraf @dmicheletto @Sun-Deep @mquenumsiax @PatrickkZhao @Affan-Khan-13 @bornfree

Yeah the problem is with the use of package manager, npm dosent work, you have got to use yarn