Tone.js 플레이어를 작동시키고 단일 wav 파일을 재생할 수 없습니다.

Question

无法让 Tone Player 播放任何内容，这是我的简单 VueJs 代码:

<템플릿>
  

    
간단한 Tone.js 데모
    <버튼 스타일="배경색: cadetblue; 패딩: 4px 10px;" @click="재생">재생
  


<스크립트>
*를 "tone"에서 Tone으로 가져옵니다.

기본값 내보내기 {
  데이터() {
    반품 {
      플레이어: null,
    };
  },
  방법: {
    비동기 플레이() {
      노력하다 {
        console.log("Tone.js 컨텍스트 상태:", Tone.context.state);
        if (Tone.context.state !== "실행 중") {
          Tone.start()를 기다립니다;
          console.log("오디오 컨텍스트가 시작되었습니다");
        }
        this.player.start();
      } 잡기(오류) {
        console.error("재생 중 오류:", error.message, error);
      }
    },

    비동기 초기화Player() {
      console.log(Tone.context.state);

      노력하다 {
        this.player = 새로운 Tone.Player를 기다립니다({
          URL: "/sounds/rain.wav",
          루프: 사실,
          자동 시작: 거짓,
        }).toDestination();

        this.player.loaded;
      } 잡기(오류) {
        console.error("오디오 파일 로딩 오류:", error);
      }
      console.log("오디오 파일 로드됨", this.player.loaded);
    },
  },
  만들어진() {
    this.initializePlayer();
  },
};

내가 정하고 있는 加载的声Music存가 于正确的位置 sound/rain.wav 并且如果我가 chrome 中输入它的路径，浏览器能够正确打开它에 있습니다
http://localhost:5173/sounds/rain.wav

이동 여행의 용도:

了解 Tone.js의 人可以帮助我让播放器播放单个文件吗?我了一整天的时间来解决这个问题，甚至使使用 GPT4，但我遇到了同样的问题，播放器无法播放简单的文件。
            

Answer 1

오디오 다운로드가 아직 완료되지 않았기 때문에 오류가 발생한 것 같습니다. 播放器

생성자는 약속을 반환하지 않습니다. 기다리고 싶으시다면

준비되었습니다. Player 准备就绪，则需要传递 onload 函数。通过将其包装在 Promise 中，它可用于等待 Player 으아악