在帧上检测到我的声音时如何让 3D 模型头像说话 [英] How to make the 3D model avatar talking when my voice is detected on a-frame
问题描述
我想要的是在一个框架上,当我说话时,我的 3D 模型头像也在说话.
按照本指南,https://aframe.io/docs/1.1.0/introduction/models.html#animating-models,我用这个资源创建了 3D 模型头像,https://sketchfab.com/3d-models/bake-talking3-e715ab67be934a108d0a952d90c07210
但是这个 gltf 3D 模型一直在说话.每当我说话时,我都需要交互式 3D 模型说话.
假设我的语音检测已经实现.
有人可以回答这个吗?
animation-mixer
组件有两个方法应该会有所帮助
- playAction() 将播放
- stopAction() 将停止
<块引用>
假设我的语音检测已经实现.
那么您的代码可能如下所示:
const modelEntity = document.querySelector([gltf-model]")const animationComponent = modelEntity.components[animation-mixer"]mySpeechRecognition.onpeechstart = function() {animationComponent.playAction();}mySpeechRecognition.onspeechend= function() {animationComponent.stopAction();}
类似于我在这个故障中所做的事情.绿色播放,红色停止.点击鱼查看来源.
What I want is that on a-frame, when I talk, my 3D model avatar is also being made talking.
Following this guide, https://aframe.io/docs/1.1.0/introduction/models.html#animating-models, I created 3D model avatar with this resource, https://sketchfab.com/3d-models/bake-talking3-e715ab67be934a108d0a952d90c07210
But this gltf 3D model is talking all the time. I need interactive 3D model talking whenever I talk.
Let's assume my voice detection is already implemented.
Can anyone answer this, please?
The animation-mixer
component has two methods that should help
- playAction() which will play the
- stopAction() which will stop the
Let's assume my voice detection is already implemented.
Then Your code could look like this:
const modelEntity = document.querySelector("[gltf-model]")
const animationComponent = modelEntity.components["animation-mixer"]
mySpeechRecognition.onspeechstart = function() {
animationComponent.playAction();
}
mySpeechRecognition.onspeechend= function() {
animationComponent.stopAction();
}
Something like what I did in this glitch. Green plays, red stops. Click on the fish to check out the source.
这篇关于在帧上检测到我的声音时如何让 3D 模型头像说话的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!