commons-20-player

ニコニ・コモンズのBGM/SE素材を検索ページで再生できるようにする拡張機能(アドオン)
https://chrome.google.com/webstore/detail/kmkkanllnppjgpjbkfbocgeflcbbbdgf
https://addons.mozilla.org/ja/firefox/addon/コモンズ20プレイヤー/

やりたいユーザ操作

• ニコニ・コモンズでBGMや効果音のアイコンの下に小さなプレイヤーを配置したい
• 再生と停止がボタンクリックでできる
• 音量はBGMとサウンド・SEで個別に保存できる(ポップアップから設定)
• 設定した音量は素材ページにも反映(反映するだけ。プレイヤーの置換はしない)

具体的な動作

• クラスcmn_thumb_frmの要素がそれぞれの素材のカード。プレイヤーのdivにクラスcmn_thumb_Lを付けてappendChild()する
• 元々のdiv.cmn_thumb_frm > div.cmn_thumb_L > a > imgのsrcの末尾がaudio01.gifならBGM、00や02ならSE扱い
• 再生/停止ボタンはbase64でハードコーディング -> v0.1.0ではテキストリンク？
• 音量は0～100、5刻み、SEとBGMの2系統
• 音量保存はcontent-script側のlocalStorageに保管、調整時はpopup側からchrome.tabs.sendMessage()する
  • http://ogatism.jp/post/chrome_ext_4
  • backgroundを作らないと保存できないっぽい？popupは表示されている状態でしか音量を取得できない
  • Content-ScriptからPopupに送るならこれ: https://pastak.hatenablog.com/entry/2014/08/13/020226
• オプション(popup)でBGMとSEのプリロードをOn/Off可能 (実装中止。いらないと思うので)
  • Offのほうがコモンズのシステムに優しいが、Onだと不安定な回線でも安定して次々と視聴できる
• Audioオブジェクトについてはここ: https://medium.com/@bbxxuw/mp3をjsで再生制御する-36edffb28041
• Auto Pager系拡張機能を利用している場合、読み込み時に1度動作させるだけでは続きに反映できない。オプションで用意