意識
- 前向きな考えを自分の思考の中で占める
- 気楽さ・心地よさ・楽しさ・ワクワク
- 今日の学び・今日のアイデアにワクワクする
今日やったこと
- electron-builder でビルドを試した
- Web Audio API を直接つかって波形の描画とカーソルの描画を実装した
- 複数チャンネルあるものに関してはモノラルにして描画
requestAnimationFrame をつかってカーソルの描画
開発
- waveSurfer を signal から ref にしたけどまだバグってる
- そして昨日までは動いてたのに今日またバグってる。なぜ？
autoPlay: false にして、読み込み時ではなくあとから再生をクリックしても発生するから、play まわりが原因- 公式のデモでも発生するから、そもそも WaveSurfer のバグかも
- ソースコード読んで治す
- 自前で作り直す
- あるいは他のライブラリを探してみる
- とかいってたら治った
- Intel Mac で WaveSurfer テストするためにビルドしてみたが、dmg を実行してもそもそもうまく動かない
- macOS 14 でも同じようにバグってることを確認
- WaveSurferOptions の
backend を WebAudio にすると治る
- 代わりに
AudioContext が destroy 時にクローズされてないため 50 回読み込むと Chrome がエラー出す
- 自前で実装してみたら結構いい感じにできた
- 今は再生済みの部分の色をつけるところをやってる
isolation と mix-blend-mode でうまくできないか試してる
