Real-Time 3D Talking Avatar in the Browser — Three.js + ARKit Blendshapes + Audio Lip-Sync

Posted last week

Worldwide

Summary

I need a realistic 3D female avatar that runs live in Chrome inside a React web application, with audio-driven lip-sync and natural idle behaviour. This is not a render or animation job. No pre-rendered video, no Unity or Unreal builds, no cinematics. The final deliverable must run in a browser tab in real time at 30fps on an Apple Silicon Mac. Audio is generated on demand at runtime, so no animation can be pre-baked — lip-sync must be driven from an arbitrary audio stream. Deliverables 1. Avatar asset .glb (glTF 2.0), plus source files (.blend or Maya) and all textures ARKit 52 blendshapes, named exactly per Apple's specification — this is non-negotiable and drives the lip-sync 30,000–60,000 triangles PBR textures, 2K (4K acceptable for face only) Head-and-shoulders bust is fine; full body a plus Realistic adult female, professional appearance, neutral and friendly resting expression 2. React component React + Three.js (react-three-fiber acceptable) The open-source TalkingHead JS library is an acceptable and encouraged basis Must expose this API: js avatar.speak(audioUrl, text) // starts lip-synced playback avatar.stopSpeaking() avatar.setEmotion("neutral" | "happy" | "concerned") 3. Idle behaviour (this is what makes it feel alive — please do not skip) Irregular natural blinking Subtle breathing Micro head movements and weight shifts Smooth transitions between idle → speaking → idle 4. Performance 30fps minimum in Chrome on an Apple Silicon Mac Total asset payload under 15MB No main-thread blocking while idle Licensing — please read before bidding The avatar must be fully licensed for use and redistribution inside a commercial interactive web application. Models derived from Daz3D, Reallusion / Character Creator, or similar bases frequently prohibit this. If your workflow uses any such base, disclose it in your proposal. Undisclosed licensing issues discovered later will void the contract. Full rights transfer on final payment — source files, textures, and component code. Milestones (20 / 30 / 30 / 20) 20% — Concept: three face/style options as renders, plus written confirmation of the licensing basis 30% — Modelled and textured head delivered as .glb, blendshapes verified by name 30% — Working React component with lip-sync, delivered as a live demo URL 20% — Idle behaviour complete, performance targets met, source and rights transferred Acceptance criteria .glb loads in a standard glTF viewer with all 52 blendshapes present and correctly named I can call speak() with my own arbitrary audio file and get accurate lip-sync Runs at 30fps+ in Chrome on Apple Silicon Idle animation runs indefinitely with no visible looping artifacts No console errors To apply, answer these four questions Send a live URL where I can see your previous avatar or character work running in a browser. Video reels will not be reviewed. What is your approach to audio-driven lip-sync in the browser? Have you worked with the ARKit 52 blendshape set before? What is the licensing basis of the models you build from? Proposals without a live URL will not be considered.

  • $200.00

    Fixed-price
  • Expert
    Experience Level
  • Remote Job
  • Ongoing project
    Project Type
Skills and Expertise
Mandatory skills
Three.js
3D Animation
3D Rigging
Activity on this job
  • Proposals:5 to 10
  • Last viewed by client:last week
  • Interviewing:
    2
  • Invites sent:
    0
  • Unanswered invites:
    0
About the client
Member since Feb 28, 2020
  • United States
    Philadelphia5:02 AM
  • $3.3K total spent
    6 hires, 2 active
  • Individual client

Explore similar jobs on Upwork

Construction Phasing AnimationHourly‐ Posted 1 month ago
3D Animation
3D Design
3D Modeling
Autodesk 3ds Max
3D Design
3D Modeling
3D Rendering

How it works

  • Post a job icon
    Create your free profile
    Highlight your skills and experience, show your portfolio, and set your ideal pay rate.
  • Talent comes to you icon
    Work the way you want
    Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.
  • Payment simplified icon
    Get paid securely
    From contract to payment, we help you work safely and get paid securely.
Want to get started? Create a profile

About Upwork

  • Rating is 4.9 out of 5.
    4.9/5
    (Average rating of clients by professionals)
  • G2 2021
    #1 freelance platform
  • 49,000+
    Signed contract every week
  • $2.3B
    Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by

  • Microsoft Logo
  • Airbnb Logo
  • Bissell Logo
  • GoDaddy Logo