20161108-webaudio

Transcript

1. AudioParamにまつわるアレコレ N. Shimizu (nshimizu@mozilla-japan.org) WebAudio.tokyo #2 (2016/11/08)
2. /
   4IJNJ[V
   
   
   !DIJLPTLJ ˖ ⛆加㖩ח֮׷8FC׾⡲׷⠓爡ד⫴ְגְתׅ
   ˖ 'JSFGPY
   ˖ 3VTU
   
   BTNKT
   
   8FC"TTFNCMZ
   
   8FC73
   
   ˖ فؚٗٓىؚٝ鎉铂ה؟حؕ٦鋅׷ךָ㥨ֹדׅ
   ˖ زٓٝأל׏ַ׶耮ְגתׅ
   ˖ 㘗ך䓼ְ鎉铂ָ㥨ֹדׅ
   ˖ IUUQTTQFBLFSEFDLDPNDIJLPTLJ
3. DPOTU
   BVEJP
   
   EPDVNFOURVFSZ4FMFDUPS BVEJP 
   DPOTU
   BD
   
   OFX
   "VEJP$POUFYU 
   DPOTU
   TSD
   
   OFX
   .FEJB&MFNFOU4PVSDF/PEF BD
   \NFEJB&MFNFOU
   BVEJP^ 
   DPOTU
   HBJO
   
   OFX
   (BJO/PEF BD
   \HBJO
   ^ 
   DPOTU
   QBOOFS
   
   OFX
   4UFSFP1BOOFS/PEF BD 
   DPOTU
   MUFS
   
   OFX
   #JRVBE'JMUFS/PEF BD
   \GSFRVFODZ
   ^ 
   TSDDPOOFDU HBJO DPOOFDU QBOOFS 

   
   
   DPOOFDU MUFS DPOOFDU BDEFTUJOBUJPO 
   TSD HBJO QBOOFS EFTUJOB UJPO MUFS
4. クラス 属性 属性値 説明 レート フラグ GainNode gain AudioParam 出力する音圧 a-rate readonly StereoPannerNode pan AudioParam パンニングの量 a-rate readonly BiquadFilterNode type BiquadFilterType フィルタの種類 frequency AudioParam 基準となる周波数 a-rate readonly detune AudioParam 周波数の細かい指定 a-rate readonly Q AudioParam Q 因子 a-rate readonly gain AudioParam dBで指定されるパラメータ a-rate readonly
5. MUFSUZQF
   
   IJHIQBTT
   
   ع؎ػأؿ؍ٕة٦ח珏ⴽ׾鏣㹀
   MUFSGSFRVFODZWBMVF
   
   
   
   ꠬⦼׾♰قٕخח鏣㹀
   MUFSGSFRVFODZ
   
   
   
   
   ֿ׿ז괏חػًٓ٦ةך㢌刿כדֹתׇ׿կ
   
   铣׫《׶㼔欽ך㾩䚍פך➿Ⰵ׾׃׋ה׫זׁ׸גծؒٓ٦ָ涪欰׃תׅկ
   AudioParamにはvalue属性を経由してアクセスします
6. パラメーター変更が反映されるまでの時間 • その属性が a-rate か k-rate かに依存します • a-rate の場合：次のサンプルフレームで反映が行われます • k-rate の場合：128サンプルフレームごとに反映が行われます 現在 a-rate の反映タイミング k-rate の反映タイミング 128サンプルフーレム
7. HBJOHBJOTFU7BMVF"U5JNF 
   BDDVSSFOU5JNF
   
    
   
   猱䖓ח⳿⸂ׅ׷갈ꆀ׾ח㢌刿׃תׅ オートメーション：時間を指定してパラメータを変更させられます 現在 3秒
8. HBJOHBJOTFU7BMVF"U5JNF 
   BDDVSSFOU5JNF
   
    
   
   猱䖓ח⳿⸂ׅ׷갈ꆀ׾ח㢌刿׃תׅ
   HBJOHBJOMJOFBS3BNQ5P7BMVF"U5JNF 
   BDDVSSFOU5JNF
   
    
   HBJOHBJOTFU5BSHFU"U5JNF 
   BDDVSSFOU5JNF
   
     メソッドチェーンでオートメーションを連続して設定できます 現在 3秒 2秒 3秒
9. setValueAtTime を使うと value 属性の値が正しくなくなる問題
10. いくつかのものに関しては polyfill で解決可能
11. まとめ • ノードの属性をいじるときは • AudioParam型かどうかの確認が必要です • a-rate / k-rate かの確認も必要です • オートメーションを使うと、効果などが楽に実装できる時があります • Firefox でオートメーションを使うには注意が必要です