Uncaught Error: Go program has already exited の理由がわからない

Question

環境

・macOS Big Sur ver. 12.6 (21G115)
・MacBook Air M1, 2020　メモリ　8GB
・go1.18.3 darwin/arm64

やっていること

let ctx = new AudioContext()
// オシレータ
let osc = new OscillatorNode(ctx)
osc.frequency.value = 440
// 音量制御用のノード
let gain = new GainNode(ctx)
gain.gain.value = 0

// 接続してオシレータを開始
osc.connect(gain)
gain.connect(ctx.destination)
osc.start()

// テンポに従って音の鳴り始める(音量が0.3になる)時間と鳴り終わる(音量が0になる)時間を設定する
let bpm = 120
let note_length = 60 / bpm
// 120回分のメトロノームの音を設定する
for (let n = 0; n < 120; n++) {
    // 音の開始・終了時間を計算する
    let start_time = n * note_length;
    let end_time = start_time + 0.05
    // gain (音量)を時間指定で設定することで鳴らしたり止めたりする
    gain.gain.setValueAtTime(0.3, ctx.currentTime + start_time)
    gain.gain.setValueAtTime(0.0, ctx.currentTime + end_time)
    // 小節の最初の音だけ高くする
    if (n % 4 == 0) {
        osc.frequency.setValueAtTime(880, ctx.currentTime + start_time)
    } else {
        osc.frequency.setValueAtTime(440, ctx.currentTime + start_time)
    }
}

このコードを元にしてGo言語で120泊の間，ランダムの周波数で音を鳴らすようにしたいと考え，次のようにコードを書きました．

package main
 
import (
	"syscall/js"
	"time"
	"math/rand"
	"math"
)

func num_to_freq (notenum int) float64{
	// 基準音から何音高い/低いかを計算する
	from_concert_a := notenum - 69
	// 周波数を実際に計算する  
  	// 十二平均律では2音の最小の周波数差は`2^(1/12)`となる  
  	freq := math.Pow(2, float64(from_concert_a) / 12) * 440;
  	return freq;
}
 
func main() {
	// グローバルオブジェクト(window)を取得します
	window := js.Global()
 
	// document オブジェクトを取得します
	document := window.Get("document")
 
	// bodyを取得します
	body := document.Get("body")
	 
	// ボタンのDOMを作成し、Clickイベントを設定します
	btn := document.Call("createElement", "button")
	btn.Set("textContent", "music start!")
	btn.Call("addEventListener", "click", js.FuncOf(func(js.Value, []js.Value) interface{} {

		ctx := js.Global().Get("AudioContext").New()
		osc := js.Global().Get("OscillatorNode").New(ctx)
		gain := js.Global().Get("GainNode").New(ctx)
		gain.Get("gain").Set("value", 0)

		bpm := 120
		note_length := 60 / bpm

		osc.Call("connect", "gain")
		gain.Call("connect", ctx.Get("destination"))
		osc.Call("start")

		rand.Seed(time.Now().UnixNano())

		for n := 0; n < 120; n++{
			randNote := rand.Intn(20) + 55
			start_t := float64(n * note_length)
			end_t := start_t + 0.5
			gain.Get("gain").Call("setValueAtTime", 0.3, ctx.Get("currentTime").Float()+start_t)
			gain.Get("gain").Call("setValueAtTime", 0., ctx.Get("currentTime").Float()+end_t)
			osc.Get("frequency").Set("value", num_to_freq(randNote))
		}
		osc.Set("type", "sawtooth")
		body.Call("appendChild", osc)
		return nil
	}))
	// ボタンをbodyに追加します
	body.Call("appendChild", btn)
 
	// プログラムが終了しないように待機します
	select {}
 
}

しかし，次のようなエラーがブラウザ側のコンソールで出てしまいました．

Uncaught Error: Go program has already exited
    at globalThis.Go._resume (wasm_exec.js:536:11)
    at HTMLButtonElement.<anonymous> (wasm_exec.js:549:8)

調べたこと

https://www.kabuku.co.jp/developers/annoying-go-wasm
このサイトを見ましたが，select{}で待機させることはできていますし，これではないなとなりました．

https://blog.narumium.net/2019/03/05/%E3%80%90go%E3%80%91webassembly%E3%82%92%E3%83%93%E3%83%AB%E3%83%89%E3%81%97%E3%81%A6%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%A7%E5%8B%95%E4%BD%9C%E3%81%95%E3%81%9B%E3%82%8B/
ここを見てみてもチャンネルのロックと同じようなことが書いてあり，対処方が得られませんでした．

動いた段階のコード

ランダムに1音をずっと鳴らすと言う次のコードは普通に動いていました．

package main
 
import (
	"syscall/js"
	"time"
	"math/rand"
	"math"
)

func num_to_freq (notenum int) float64{
	// 基準音から何音高い/低いかを計算する
	from_concert_a := notenum - 69
	// 周波数を実際に計算する  
  	// 十二平均律では2音の最小の周波数差は`2^(1/12)`となる  
  	freq := math.Pow(2, float64(from_concert_a) / 12) * 440;
  	return freq;
}
 
func main() {
	// グローバルオブジェクト(window)を取得します
	window := js.Global()
 
	// document オブジェクトを取得します
	document := window.Get("document")
 
	// bodyを取得します
	body := document.Get("body")
	 
	// ボタンのDOMを作成し、Clickイベントを設定します
	btn := document.Call("createElement", "button")
	btn.Set("textContent", "music start!")
	btn.Call("addEventListener", "click", js.FuncOf(func(js.Value, []js.Value) interface{} {
		ctx := js.Global().Get("AudioContext").New()
		osc := js.Global().Get("OscillatorNode").New(ctx)
		rand.Seed(time.Now().UnixNano())
		randNote := rand.Intn(80)
		osc.Get("frequency").Set("value", num_to_freq(randNote))
		osc.Set("type", "sine")
		osc.Call("connect", ctx.Get("destination"))
		osc.Call("start")
		body.Call("appendChild", osc)
		return nil
	}))
	// ボタンをbodyに追加します
	body.Call("appendChild", btn)
 
	// プログラムが終了しないように待機します
	select {}
 
}

コードを書く際に参考にしたサイト

https://teratail.com/questions/jzo8yydnsl73wy#reply-pofq0y1rw8moek
ここの質問のところに書いてあります．

教えてほしいこと

エラーの対処法

追記

intとなってしまっていて計算結果が0になってしまうところをfloat64に直しました．
またgainの引数の取り方を修正しました．
この状態でビルドして実行し．ブラウザに行くと，ボタンを押すと，ランダムな1音がずっと残る状態になりました．

package main
 
import (
	"syscall/js"
	"time"
	"math/rand"
	"math"
)

func num_to_freq (notenum int) float64{
	// 基準音から何音高い/低いかを計算する
	from_concert_a := notenum - 69
	// 周波数を実際に計算する  
  	// 十二平均律では2音の最小の周波数差は`2^(1/12)`となる  
  	freq := math.Pow(2, float64(from_concert_a) / 12) * 440;
  	return freq;
}
 
func main() {
	// グローバルオブジェクト(window)を取得します
	window := js.Global()
 
	// document オブジェクトを取得します
	document := window.Get("document")
 
	// bodyを取得します
	body := document.Get("body")
	 
	// ボタンのDOMを作成し、Clickイベントを設定します
	btn := document.Call("createElement", "button")
	btn.Set("textContent", "music start!")
	btn.Call("addEventListener", "click", js.FuncOf(func(js.Value, []js.Value) interface{} {
		ctx := js.Global().Get("AudioContext").New()
		osc := js.Global().Get("OscillatorNode").New(ctx)
		gain := js.Global().Get("GainNode").New(ctx)
		gain.Get("gain").Set("value", 0)

		bpm := 120.0
		note_length := 60.0 / bpm

		osc.Call("connect", gain)
		gain.Call("connect", ctx.Get("destination"))
		osc.Call("start")

		rand.Seed(time.Now().UnixNano())

		for n := 0; n < 120; n++{
			randNote := rand.Intn(20) + 55
			start_t := float64(n) * note_length
			end_t := start_t + 0.5
			gain.Get("gain").Call("setValueAtTime", 0.3, ctx.Get("currentTime").Float()+start_t)
			gain.Get("gain").Call("setValueAtTime", 0., ctx.Get("currentTime").Float()+end_t)
			osc.Get("frequency").Set("value", num_to_freq(randNote))
		}
		osc.Set("type", "sawtooth")
		return nil
	}))
	// ボタンをbodyに追加します
	body.Call("appendChild", btn)
 
	// プログラムが終了しないように待機します
	select {}
 
}

Answer 1

３つほど指摘が見つかりました。（ー＞追加でもう一つ）

• osc.Call("connect", "gain")の第二引数が文字列なのはおかしいです。js.Value型gainオブジェクトである必要があります。
• bpm := 120これはint型になってしまい、後続のnote_length := 60 / bpmの結果は０になってしまいます。
• osc.Get("frequency").Set(...)はこのやり方では不適切です。ループ終了のタイミングを確認してみましょう。
• 最後oscをbodyにappandChildしていますが、oscはDOMオブジェクトではないのでエラーになります。（oscの親はAudioContextに設定されていて特に親子関係を操作する必要はありません）

Comments

[aaaa____]

ご指摘ありがとうございます．
ひとまず簡単に理解することができた上二つのものは修正し，追記としてコードを上げさせていただきました．
4つ目のご指摘も，理解はまだでしたがとりあえず該当部分を削除いたしました．
．

エラーは出なくなりましたので，質問の教えてほしいこと自体は解決していただいたのですが，追加でご指摘いただいた部分がありますので，その部分についていくつか質問をさせていただければと思います．

3つ目のご指摘は，周波数をセットする部分がおかしいのでしょうか，ループごとに音が変わって行くことを期待しておいているのですが，実際はランダムの1音しか鳴りません，．音自体はなっているので，指定の仕方などは問題ないように思えるのですが，位置がおかしいということでよろしいでしょうか．
ループごとに変えるにはfor文の中に置くしかないと思うのですが，gain.Getの上に置いてみても結果は変わりませんでした．そもそも構造として間違ってしまっているのでしょうか．

4つ目のご指摘において，「oscはDOMオブジェクトではないのでエラーになります」とあるのですが，動いた段階のコードで動いているのはなぜなのでしょうか．追記の部分にoscのappendChildを加えても挙動自体は変わらないように見えました．

[nobonobo]

エラーになるかどうかは未確認でした。ただbody配下のDOMツリーにOSCを加える意義はないと思います。
ループの終了タイミングは確認されましたか？for構文の外にprintln("loop exit"）などを書いてみてJSコンソールのログを観てみてください。

[aaaa____]

なくても動作は同じならない方がいいのは確かですね，ありがとうございます．
ひとまずfor文の外にfmt.Println("loop exit")を
randNoteの定義の次にfmt.Println(randNote)を付け加えてコンソールを見てみたのですが，何回か実行して確かめたところ，最後にrandNoteに入ったものだけがなるようになっていると考えました．音がなり終わる前にloop exitも出力されていますし．

構造的には，JavaScriptのものと同じようにできたと思っているのですが，なぜ最後のところしかならないのでしょうか．

[nobonobo]

１２０回のfrequencyへのSetは一瞬で終わりますよね。
そして最後の音だけが鳴っているということ。周波数の指定を１２０回やり切っていて手前の１１９個は一瞬過ぎて耳に聞こえないというわけです。

そしてその解決方法はサンプルコードなりゲインの設定ですでに使っている方法です。

[aaaa____]

参考にしていたJavaScriptのコードでは周波数を入れるところは"setValueAtTime"を使っていたのを見落としていました．
osc.Get("frequency").Call("setValueAtTime", num_to_freq(randNote), ctx.Get("currentTime").Float()+start_t)
にすることで期待通りの結果を得ることができました，
ありがとうございます．