Skip to content

ニコニ・コモンズのBGM/SE素材を検索ページで再生できるようにする拡張機能(アドオン)

License

Notifications You must be signed in to change notification settings

istallia/commons-20-player

Repository files navigation

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()する
  • オプション(popup)でBGMとSEのプリロードをOn/Off可能 (実装中止。いらないと思うので)
    • Offのほうがコモンズのシステムに優しいが、Onだと不安定な回線でも安定して次々と視聴できる
  • Audioオブジェクトについてはここ: https://medium.com/@bbxxuw/mp3をjsで再生制御する-36edffb28041
  • Auto Pager系拡張機能を利用している場合、読み込み時に1度動作させるだけでは続きに反映できない。オプションで用意

About

ニコニ・コモンズのBGM/SE素材を検索ページで再生できるようにする拡張機能(アドオン)

Resources

License

Stars

Watchers

Forks

Packages

No packages published