在此示例中，如何将切换按钮连接到播放器？

Question

在附带的示例中，我将BVH和音频数据一起加载到播放器中。它实际上讲的是一个动画的脸。这里的例子具有可比性。因为语音和动画必须同步运行，所以我必须在我玩之前加载它们。现在我正在寻找一个解决方案，在它可以播放之前，首先加载所有内容。还应显示充电状态。有人能帮我吗？非常感谢。

jsfiddle.net/uj740958/

Answer 1

简单的解决方案，您只需使用两个布尔值，当加载音频和bvh时切换为true，如：

let audioLoaded = false,
    bvhLoaded = false

audioLoader.load( url , () => {
    audioLoaded = true;
    play()
})
bvhLoader.load( url , () => {
    bvhLoaded = true;
    play()
})

const play = () => {
    if(!audioLoaded || !bvhLoaded) return console.log("Not everything is loaded!")

    console.log("Everything is loaded!")
    audio.play()
    video.play()
}

修改

好的，所以我更新了你的JSFiddle：http://jsfiddle.net/nLvc2www/2/

1. 打开控制台
2. 点击 load_clip_1 或 load_clip_2
3. 观看＆＃34;音频加载！＆＃34;然后＆＃34; BVH加载！＆＃34;出现在控制台中
4. 点击播放
5. 享受：）