DecodeAudioDataの完了を待ちたい（Safari）

SafariでもDecodeAudioDataでPromise処理をしたい…

あるプロジェクトでdecodeAudioDataを用いてオーディオデータの変換を行っております。
このdecodeAudioDataをPromiseチェーンで繋ぎ、正常なデコードが完了したことを知りたいです。

現在、Chromeでは以下のようにやっています。

typescript
1  public static decodeAudioWithPromise(binary: any, callback: (buf: AudioBuffer) => void): Promise<void> {
2    return new Promise((resolve) => {
3      if (SoundManager.sharedContext) {
4        SoundManager.sharedContext
5          .decodeAudioData(binary)
6          .then(callback)
7          .then(() => {
8            resolve();
9          });
10      }
11    });

これを受けて、decodeAudioWithPromiseをthen()で繋ぐことで、デコードの完了が通知されます。
ですがSafariのdecodeAudioDataはPromiseを持たないので、上記のようにできません。

仕方なく、setTimeoutでわずかに遅延させて対応しています。

typescript
1  public static decodeAudio(binary: any, callback: (buf: AudioBuffer) => void): Promise<void> {
2    return new Promise((resolve) => {
3      if (SoundManager.sharedContext) {
4        SoundManager.sharedContext.decodeAudioData(binary, callback);
5        setTimeout(() => {
6          resolve();
7        }, 500);
8      }
9    });
10  }

Chromeと同様にSafariでもデコードの終了を待つことはできないでしょうか？
なにとぞよろしくお願いいたします。

hoshi-takanori

2021/01/18 14:30

Safari では callbak を使えば良いのでは。

JoeyYuas

2021/01/19 05:53

仰る通りでした…！ callback後の処理の位置を間違えていたようです。ありがとうございます。

行動規範の内容に同意します

回答1件

自己解決

typescript
1
2  /**
3   * Safari用の遅延込みオーディオデータのデコード処理
4   */
5  public static decodeAudio(binary: any, callback: (buf: AudioBuffer) => void) {
6    if (SoundManager.sharedContext) {
7      SoundManager.sharedContext.decodeAudioData(binary, callback);
8    }
9  }
10
11  /**
12   * Chrome用、Promiseチェーンありきのデコード処理
13   */
14  public static decodeAudioWithPromise(binary: any, callback: (buf: AudioBuffer) => void) {
15    if (SoundManager.sharedContext) {
16      SoundManager.sharedContext.decodeAudioData(binary).then(callback);
17    }
18  }

この読み込み先で、

Typescript
1       SoundManager[methodName](resource.data, (buf: AudioBuffer) => {
2          console.log(resource);
3          resource.buffer = buf;
4          next(); // この位置を取り違えていた
5        });