Skip to content

istallia/commons-20-player

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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