argentum384 / flmml-on-html5

Porting of FlMML to HTML5

BSD 3-Clause "New" or "Revised" License

29 stars 8 forks source link

AudioContext 生成と Web Audio API アンロックの契機変更 #40

Closed argentum384 closed 3 years ago

argentum384 commented 3 years ago

概要

32 の続きの対応。

具体的には、元々の実装では、「JS読み込み時にAudioContextを生成し、画面のどこかをクリック時にアンロック」されていたのを、「HTML上でプレイヤーを表すDOMに専用のクラスをつけ、そのクラスがクリックされたときに生成&アンロック」を行うようにしました。

の対応で未考慮だった以下の点を対応する。

プレイヤーの DOM 要素の CSS セレクタを指定できるようにする
- click イベントが発生する前に FlMML.prepare(playerSelectors) で対象の DOM 要素を指定させるようにする
- あるいは flmml-on-html5.ts ソースコード内の PLAYER_SELECTORS に CSS セレクタを指定してビルドした場合は、上記 FlMML.prepare(playerSelectors) を実行することなく表題の生成 & アンロックが行えるものとする
- (参考)
Worker 側の初期化 ( MsgType.BOOT 送信) がスクリプト読み込み時だったのを AudioContext 生成後に変更する
( AudioContext.sampleRate がシーケンサに渡せなかったため )

argentum384 commented 3 years ago

念のため play() 実行までに生成 & アンロックが間に合わなかった場合の救済措置として、 play() 内にも AudioContext 未生成の場合のみ生成 & アンロックする処理を追加する。

これですべてのケースが救えるわけではないので、ライブラリ利用側には FlMML.prepare(playerSelectors) の利用か PLAYER_SELECTORS の指定を勧める。