Question

我试图通过允许检索远程图像（jpg）并将其设置为某个小部件的图标来改进gnome-shell-extension。

这是我到目前为止所得到的，但由于数据类型不匹配而无效：

// allow remote album art url
const GdkPixbuf = imports.gi.GdkPixbuf;
const Soup = imports.gi.Soup;
const _httpSession = new Soup.SessionAsync();
Soup.Session.prototype.add_feature.call(_httpSession, new Soup.ProxyResolverDefault());
function getAlbumArt(url, callback) {
    var request = Soup.Message.new('GET', url);
    _httpSession.queue_message(request, function(_httpSession, message) {
        if (message.status_code !== 200) {
          callback(message.status_code, null);
          return;
        } else {
          var albumart = request.response_body_data;
          // this line gives error message:
          // JS ERROR: Error: Expected type guint8 for Argument 'data' 
          // but got type 'object'
          // getAlbumArt/<@~/.local/share/gnome-shell/extensions
          // /laine@knasher.gmail.com/streamMenu.js:42
          var icon = GdkPixbuf.Pixbuf.new_from_inline(albumart, true);
          callback(null, icon);
        };
    });

这是回调：

....
            log('try retrieve albumart: ' + filePath);
            if(GLib.file_test(iconPath, GLib.FileTest.EXISTS)){
                let file = Gio.File.new_for_path(iconPath)
                let icon = new Gio.FileIcon({file:file});
                this._albumArt.gicon = icon;
            } else if (filePath.indexOf('http') == 0) {
                log('try retrieve from url: ' + filePath);
                getAlbumArt(filePath, function(code, icon){
                    if (code) {
                        this._albumArt.gicon = icon;
                    } else {
                        this._albumArt.hide();
                    }
                });
            }

....

我的问题是，如何解析响应，这是一个jpg图像，以便我可以用它设置小部件图标？非常感谢你！

Answer 1

我通过简单的操作就可以实现：

const St = imports.gi.St;
const Gio = imports.gi.Gio;
// ...

this.icon = new St.Icon()

// ...
let url = 'https://some.url'
let icon = Gio.icon_new_for_string(url);
this.icon.set_gicon(icon);

它会自动下载。

我一直在努力解决这个问题，直到我终于找到一种使用本地图像缓存的方法（下载图像并将其存储在图标/文件夹中）。然后我尝试了这种方法的乐趣（只是看看会发生什么，期望它会惨败），然后猜怎么着？它只是工作。在我能找到的非常稀缺的文档中，没有任何提及。

Answer 2

对于仍然存在相同问题的任何人，这是我的解决方案：

_httpSession.queue_message(request, function(_httpSession, message) {
    
    let buffer = message.response_body.flatten();
    let bytes = buffer.get_data();
    let gicon = Gio.BytesIcon.new(bytes);

    // your code here

});

gjs / gnome-shell-extension：从url读取远程jpg图像并设置为图标

2 个答案: