//...
//tipText = {normal: "Next", alternate: "Random"}
//func = function(){fb.next();}
//altFunc = function(){fb.random();}

function Button(x, y, w, h, defaultImage, hotImage, func, tipText, altFunc)
{
    //...

    if(altFunc === null){
        this.altFuncFlag = false;
    }
    else{
        this.altFuncFlag = true;
        this.altFunc = altFunc;
    }
}

that looks rather complicated...

//func = function(){fb.next();}
//func_alt = function(){fb.random();}

function Button(x, y, w, h, img_src, func, tiptext, func_alt) {
    //...

    this.func = func;

    if(typeof func_alt === 'undefined'){
        this.func_alt_flag = false;
    }
    else{
        this.func_alt_flag = true;
        this.func_alt = func_alt;
    }
}

this.func = func;
this.func_alt = func_alt || func;

// vi:set ft=javascript ff=dos ts=4 sts=4 sw=4 et:

// ==PREPROCESSOR==
// @name "Volbar"
// @author "T.P Wang"
// ==/PREPROCESSOR==

function RGB(r, g, b) {
    return (0xff000000 | (r << 16) | (g << | (b));
}

// gdi.Font is changed, the last paramter is style flags
// FontStyleRegular = 0,
// FontStyleBold = 1,
// FontStyleItalic = 2,
// FontStyleBoldItalic = 3,
// FontStyleUnderline = 4,
// FontStyleStrikeout = 8
// Here is 0, means FontStyleRegular
var g_font = gdi.Font("Tahoma", 12, 0);
var g_drag = 0;

function on_paint(gr) {
    gr.SetTextRenderingHint(5);
    var ww = window.Width;
    var wh = window.Height;
    var volume = fb.Volume;
    var pos = window.Width * ((100 + volume) / 100);
    var txt = (Math.ceil(volume)) + "dB";
    gr.FillGradRect(0, 0, pos, wh, 90, RGB(240, 240, 240), RGB(100, 230, 100));
    gr.FillGradRect(pos, 0, ww - pos, wh, 90, RGB(240, 240, 240), RGB(190, 190, 190));
    gr.DrawString(txt, g_font, RGB(64, 64, 128), 0, 0, ww, wh, 0x11005000);
    gr.DrawRect(0, 0, ww - 1, wh - 1, 1.0, RGB(150, 150, 150));
}

function on_mouse_lbtn_down(x, y) {
    g_drag = 1;
}

function on_mouse_lbtn_up(x, y) {
    on_mouse_move(x, y);
    g_drag = 0;
}

function on_mouse_move(x, y) {
    if (g_drag) {
        var v = x / window.Width;
        v = (v < 0) ? 0 : (v < 1) ? v : 1;
        v = -100 * (1 - v);
        if (fb.Volume != v) fb.Volume = v;
    }
}

function on_mouse_wheel(delta) {
    if (delta > 0) fb.VolumeUp();
    else fb.VolumeDown();
}

function on_volume_change(val) {
    window.Repaint();
}

curly... you want to modify this sample or simply want a seekbar?
cuz imho, to make this a seekbar is as good as modifying the entire script.

if you want a similar type seekbar then check this post:
http://www.hydrogenaudio.org/forums/index....st&p=628170
...the one starting with "var DT_TOP = 0x00000000;"

yes that's definitely possible.

this is the callback for a left mouse click and you can check whether shift was held.

Code: [Select]

function on_mouse_lbtn_up(x, y) {
    if (utils.IsKeyPressed(0x10)) {
        //shift key was pressed. do something
    } else {
        //do something else
    }
}

var MK_SHIFT = 0x0004;
function on_mouse_lbtn_up(x,y,MK_SHIFT){
    fb.trace("something");
}

added new "last.fm album info" script. just be aware
many albums have no content. however, clicking the
logo should open the last.fm website on
most album pages.

marc2003\common7.js
marc2003\images\hourglass.png
samples\spectrogram seekbar.txt

7.2013.04.25.02

"Spectrogram seekbar". Bugfix. Panel would show previous
spectrogram when switching to an unsupported format like
a stream.

marc2003\common7.js
samples\spectrogram seekbar.txt

marc2003\common7.js
samples\nyan cat seekbar.txt
samples\simple seekbar.txt
samples\spectrogram seekbar.txt
samples\themed seekbar.txt

• Name is quite long as you use the full path. I'm not sure how much you can put in a filename in windows 7/8 but i'm surprised my system doesn't complain names are too long. This might cause some issues if the path is compicated. Maybe using some sort of crc32 or hash of the music file would be better. Not sure it's possible.
• Reading the panel size from and producing a spectro image fitting the panel would give a cleaner display.
• You can reduce the size of the png images in the cache ( to about 2/3 of their size in my tests) by using OptiPNG. It's only a 97k command line portable tool (and open source like all tools you've used so far).

WSH Panel Mod (Now Playing by marc2003): initialized in 17 ms
Error: WSH Panel Mod (Now Playing by marc2003): Erreur d'exécution Microsoft JScript:
Objet requis
File: C:\Users\Roland\AppData\Roaming\foobar2000\marc2003\common7.js
Ln: 1393, Col: 4
<source text only available at compile time>

function cd(x, y, w, h) {
    this.draw = function(gr) {
        if (this.shadow) p.draw_image(gr, this.shadow_img, this.x, this.y, this.w, this.h, "centre");
        p.draw_image(gr, this.case_img, this.x, this.y, this.w, this.h, "centre");
        if (this.img) {
→           this.ratio = Math.min(this.w / this.case_img.Width, this.h / this.case_img.Height);
            this.nw = 488 * this.ratio;
            this.nh = 476 * this.ratio;
            this.nx = Math.round((this.w - (452 * this.ratio)) / 2);
            this.ny = Math.round((this.h - this.nh) / 2);
            p.draw_image(gr, this.img, this.nx + this.x, this.ny + this.y, this.nw, this.nh, "crop");
        }
        p.draw_image(gr, this.semi_img, this.x, this.y, this.w, this.h, "centre");
        if (this.gloss) p.draw_image(gr, this.gloss_img, this.x, this.y, this.w, this.h, "centre");
    }
    ...

Opening track for playback: "H:\Rhythmic\K\Aiko Kitahara\Piece Of Love\05 - サヨナラを告げた日が近すぎて.mp3"
cmd /c ""C:\Users\PG\AppData\Roaming\foobar2000\sox\ffmpeg.exe" -i "H:\Rhythmic\K\Aiko Kitahara\Piece Of Love\05 - サヨナラを告げた日が近すぎて.mp3" -f 
sox - | "C:\Users\PG\AppData\Roaming\foobar2000\sox\sox.exe" -p -n channels 2 spectrogram -d 3:27 -Y 2000 -r -o 
        "C:\Users\PG\AppData\Roaming\foobar2000\spectrogram_cache\HRhythmicKAiko KitaharaPiece Of Love05 - サヨナラを告げた日が近すぎて.mp3.png"" 

Opening track for playback: "H:\Rhythmic\M\Magma\Üdü Wüdü\01 - Üdü Ẁüdü.flac"
cmd /c ""C:\Users\PG\AppData\Roaming\foobar2000\sox\ffmpeg.exe" -i "H:\Rhythmic\M\Magma\Üdü Wüdü\01 - Üdü Ẁüdü.flac" -f 
sox - | "C:\Users\PG\AppData\Roaming\foobar2000\sox\sox.exe" -p -n channels 2 spectrogram -d 4:17 -Y 2000 -r -o 
        "C:\Users\PG\AppData\Roaming\foobar2000\spectrogram_cache\HRhythmicMMagmaÜdü Wüdü01 - Üdü Ẁüdü.flac.png""

7.2013.04.26.01

"Spectrogram seekbar". The naming scheme for images has
been changed so you should clear all old files using the
right click menu. You can now set SOX parameters via a
dialog. See sox.pdf for all options. These
parameters also form part of the cached image filename
so changing them will update the display immediately.

marc2003\common7.js