• Linux初心者講座

    @hiroget9 さん

    v0.9.xをインストール直後は、
    /home/pi/plugins/.plugin.json
    /home/pi/plugins/demo/user.js
    にファイルを置いてあります。


    user.js(Web UIカスタマイズプラグイン)は、.plugin.jsonの中で

    menu"   :"<script>$.getScript('/plugins/demo/user.js');</script>",
    

    というように、demoの下にあるuser.jsを読み込むように設定してあります。


    user.jsを/home/pi/plugins直下にコピーしてお使いなのであれば、

    menu"   :"<script>$.getScript('/plugins/user.js');</script>",
    

    と読み込み先が指定されていれば問題ありません。

  • @sunatomo さん、ありがとうございます。

    ii
    

    は使ったことがありませんでした。

  • @パパリウス さん、重ね重ねありがとうございます。

    これで交通整理できました。
    ジャイアンさんのご指摘の方が正しかったのですね。

    ジャイアンさん、混乱させてしまって申し訳ありませんでしたm(__)m

  • ジャイアンさん、またまたお邪魔します。
    先日のプラグインの表示切替は、どうやら
    /var/lib/mpd/stateを見にいっているのではないかと思います。
    中身には

    sw_volume: 100
    random: 0
    repeat: 1
    single: 0
    consume: 0
    crossfade: 0
    

    と書き込まれていますね(/var/lib/mpd/stateの抜粋です)。
    そうならば、singleも使えるということで、おまけです。
    1曲だけのリピートをプラグインに追加してみました。
    あまり需要はないかもしれませんが、ちょっと実験してみたかったんです。
    同じようなネタ続きでごめんなさい。

    Single On ⇔ Single Off の切り替え表示です。

    nano /home/pi/plugins/.plugin.json
    

    で以下を追加

    
    {
    "menu" :"<span id=single-state>Single</span>",
    "active" :"yes",
    "icon" :"play-circle",
    "form" :"",
    "command":"mpc single",
    "output" :"",
    "success":"success!",
    "error" :"error!"
    },
    
    nano /home/pi/plugins/demo/user.js
    

    で以下を追加

    $('.dropdown-toggle').on('click', function (e) {
    if ($('#btnsingle').hasClass("active")) {
    $('#single-state').text("Single OFF");
    } else {
    $('#single-state').text("Single ON");
    }
    });
    

    追加した結果です。プラグインが多過ぎですね(-_-;)
    今回のは、カバーアートが大きく表示される画面のハートマークと同じ機能です。
    SCREENSHOT SINGLE.jpg

    htmlなんかも使ってみたいとは思うのですが、私にはまだまだ勉強不足です。

  • @hiroget9 さん

    有益で面白い情報をありがとうございます!

    実は私、個人的にランダム再生の時にconsumeをよく併用するのですが、いちいちsettingパネルを開かなきゃ設定できないことに面倒くささを感じていました。しかもconsumeがONなのかOFFなのか、UIからは確認できません。

    しかしhiroget9さんの探究心のおかげで、consumeもプラグイン化できることが分かりましたので、さっそくこうしてみました。

    nano /home/pi/plugins/.plugin.json
    

    を実行して、以下の内容を追加。

    {
      "menu" :"<span id=consume-state>Consume</span>",
      "active" :"yes",
      "icon" :"fire",
      "form" :"",
      "command":"mpc consume",
      "output" :"",
      "success":"success!",
      "error" :"error!"
    },
    

    続いて

    nano /home/pi/plugins/demo/user.js
    

    を実行して、以下の内容を追加。

    $('.dropdown-toggle').on('click', function (e) {
      if ($('#btnconsume').hasClass("active")) {
        $('#consume-state').text("Consume OFF");
      } else {
        $('#consume-state').text("Consume ON");
      }
    });
    

    おかげでconsume機能のON/OFFとその可視化もできるようになりました!

    consume.png

    hiroget9さんの探究心に感謝です!

  • @ジャイアン さん、これでUIからほぼ操作できるようになりましたね!
    少しはお役に立てたようで良かったです。

    次はジャイアンさんのブログを拝見して、他の事にも挑戦してみようと思います。

    ところで、日本のアニメは作りが良いですね。アニソンもしっかり作り込んでありますし。ジャイアンさんがお好きなのが納得できます(^^♪

  • @hiroget9 さん

    追記です。

    hiroget9さんのプラグインメニューを見ると“UPDTATE THIS FOLDER”がありますが、現行の“UPDATE LIBRARY”機能があれば必要ない(削除しても問題ない)プラグインと思われます。
    現行では、NASの任意のディレクトリを選択した上で“UPDATE LIBRARY”を実行すれば...

    UPDATE_THIS_FOLDER.png

    となり、実質的に“UPDTATE THIS FOLDER”を実行したことになりますから。

  • @ジャイアン さん、確かに音源を追加したフォルダーだけアップデートすれば一瞬ですもんね。
    私のNASには1.5TBぐらい音源が入っているので、UPDATE LIBRARYで全体ををなめると10分ぐらいかかってしまいます。
    使わないプラグインは消していきますね。

    懐かしやABBAですね♬

  • プラグインのネタ続きで失礼します。
    私の場合、プラグインがまだ整理できてなくて、もっと減らさなければ使いづらいのですが、特定のプラグインを目立たせる方法がありました。
    簡単ですが、あまり役に立たないかも・・・

    nano /home/pi/plugins/.plugin.json
    

    を実行して、 "menu" の部分を・・・で挟み込んでやると太文字になります。
    SHUTDOWNを太文字にする一例です。お好きなようにカスタマイズしてみてください。

      {
        "menu" :"<b>SHUTDOWN</b>",
        "active" :"yes",
        "icon" :"off",
        "form" :"/plugins/demo/are_you_sure.html",
        "command":"systemd-run poweroff",
        "output" :"",
        "success":"shutting down!",
        "error" :"error!"
      } ,
    

    プラグイン太文字.jpg

  • 先日の応用で、少し使いやすくしてみました。
    ちょっとカラフルでいいかも。

    color.jpg