getmusicbee.com

General => Beyond MusicBee => Topic started by: psychoadept on October 18, 2020, 12:05:14 AM

Title: Vivaldi browser
Post by: psychoadept on October 18, 2020, 12:05:14 AM
On a whim, I recently decided to give the Vivaldi browser (https://vivaldi.com) a spin, and I am now a huge fan. I've made it my main browser for both home and work, and even on my phone.

It has several things built in that other browsers need extensions for, including blocking ads, full-page screen captures, and a full-featured start page. My favorite thing is what they call Web Panels. They're basically pinned tabs, except they work like the auto-hide panels in MusicBee. They just pop out on top of whatever else you're doing. It's great for search engines, email, anything like that. You can see in my screenshot that I have Wikipedia, DuckDuckGo, and Gmail set up. At work, I have one that is basically a "drawer" for my google drive - I can find the file I want in the web panel, and clicking on it opens it in a new tab. They're designed to use the mobile view of a website, if available, but you can easily switch back to desktop (gmail's a little bit of a challenge there, but still doable).

You can have the web panel on the left or right, I just happen to have it on the right. You can see that it also shows bookmarks, downloads, history, a notes panel, and "windows" panel, which is sort of like history, but based more on tab and window management. It also tracks changes on pages you have open and can, optionally, tell you when something is updated. This goes along with a setting to reload tabs periodically, if you want to.

The left side in my screenshot is my tabs. You can have them on top, bottom, left or right - with or without text, with or without thumbnails. I wasn't sure I was going to like having them that small, but I've gotten used to it pretty quickly (I turned off the close tab button and turned on closing with double-click).  I also have my taskbar on the left, so it's already natural to reach left when I want to switch between things.

Putting the address bar in the title bar takes a CSS file and a little fiddling, which I'll be happy to share if anyone is interested. That was the clincher for me. I don't want things crowded, but I hate wasted space. This couldn't be much more perfect, in terms of layout. Ok, I could stand to have the tab icons a *little* bigger, but that might be adjustable with css. I'll have to see. There've been a few challenges with pages not loading right due to security settings, but they've all been resolved.

There are lots of other settings to mess with. It really compares with MusicBee in terms of flexibility. And the forum and update cycle seem comparable, too. I was initially having a problem with downloads in the web panels, but it was already resolved with the release that came out yesterday.


(click for larger view)
(https://i.imgur.com/byAqnnu.png)
Title: Re: Vivaldi browser
Post by: phred on October 18, 2020, 03:44:41 AM
Nice review. I played around with Vivaldi Browser about six months ago. Used it for about a week and abandoned it. I've been using Waterfox for about a year and am mostly happy with it. Perhaps it's time to give Vivaldi another look.
Title: Re: Vivaldi browser
Post by: psychoadept on October 18, 2020, 04:16:56 AM
It really reminds me of going from Media Monkey to MusicBee. That feeling of "ok, where's the add-on for... oh, you can just DO that. That's how it should be!"
Title: Re: Vivaldi browser
Post by: stardepp on October 18, 2020, 06:08:08 AM
...I discovered the Vivaldi Browser for me in September 2018. Thanks to a very good Vivaldi Forum I could modify my Vivaldi Browser in many ways:

https://forum.vivaldi.net/categories

https://forum.vivaldi.net/category/43/customizations-extensions

https://forum.vivaldi.net/user/stardepp

See also at my signature

(https://i.imgur.com/zbu51yF.png)
Title: Re: Vivaldi browser
Post by: psychoadept on October 18, 2020, 06:55:06 AM
I'm not for sure if it was here or MusicBrainz that I stumbled on Vivaldi, but it could very well have been your signature.
Title: Re: Vivaldi browser
Post by: stardepp on October 18, 2020, 07:03:33 AM
Good to know 8)  I learned about Vivaldi in September 2018 in the German Tech Blog Golem.de (https://www.golem.de). Since then I am a big fan of Vivaldi.
Title: Re: Vivaldi browser
Post by: hiccup on October 18, 2020, 08:42:48 AM
It's free, but it's proprietary software by a commercial company.
So I am curious to know what their business model is.

Are they monetizing it with selling user data? Adding advertisements?
What?
Title: Re: Vivaldi browser
Post by: stardepp on October 18, 2020, 08:56:59 AM
@hiccup

Quote
So I am curious to know what their business model is.

Are they monetizing it with selling user data? Adding advertisements?
What?

What’s Vivaldi’s business model?: https://vivaldi.com/blog/vivaldi-business-model/


About Vivaldi:

What We Believe: https://vivaldi.com/company/

We Don't Track You: https://vivaldi.com/zerotracking/

Privacy & Terms: https://vivaldi.com/privacy/

Security:  https://vivaldi.com/security/

Vivaldi Team: https://vivaldi.com/team/
Title: Re: Vivaldi browser
Post by: stardepp on October 18, 2020, 09:03:10 AM
Vivaldi + MusicBee Miniplayer Get MusicBee:

(https://i.imgur.com/0aI3NP1.jpg)

(https://i.imgur.com/zbu51yF.png)
Title: Re: Vivaldi browser
Post by: psychoadept on October 18, 2020, 09:20:41 AM
Looks good! I reduced the image size, you can click for a larger view.
Title: Re: Vivaldi browser
Post by: stardepp on October 18, 2020, 09:23:14 AM
Quote
I reduced the image size, you can click for a larger view.


How can I set this myself?
Title: Re: Vivaldi browser
Post by: psychoadept on October 18, 2020, 09:33:06 AM
Just add width=500 (or whatever value you want) inside the img element. If you edit your previous post you'll see what I mean.
Title: Re: Vivaldi browser
Post by: stardepp on October 18, 2020, 09:38:19 AM
@psychoadept Many thanks, I have now understood.  8)
Title: Re: Vivaldi browser
Post by: psychoadept on October 19, 2020, 03:04:46 PM
For the record, I was able to increase the icon size on the tabs: https://forum.vivaldi.net/topic/51862/css-to-make-tab-icons-larger

Now they're about the same as the Windows taskbar icons (but with less excess space).
Title: Re: Vivaldi browser
Post by: stardepp on October 19, 2020, 03:13:37 PM
@psychoadept I am happy for you. I read your post in the Vivaldi Forum. I am stardepp in the Vivaldi Forum. If you like, I can show you more modifications for Vivaldi if you like.
Title: Re: Vivaldi browser
Post by: The Incredible Boom Boom on October 19, 2020, 04:20:51 PM
How do you all find the memory usage compared to Chrome (if used before?)
Title: Re: Vivaldi browser
Post by: stardepp on October 19, 2020, 04:24:40 PM
What do you mean by memory load? How much CPU load the browser needs? ...much less.
Title: Re: Vivaldi browser
Post by: psychoadept on October 19, 2020, 04:47:22 PM
How do you all find the memory usage compared to Chrome (if used before?)

One of the first things I did was run them side by side, and I found them pretty similar, Vivaldi a little less.


@psychoadept I am happy for you. I read your post in the Vivaldi Forum. I am stardepp in the Vivaldi Forum. If you like, I can show you more modifications for Vivaldi if you like.

I've found a few, but if there are some you recommend I'll take a look.
Title: Re: Vivaldi browser
Post by: stardepp on October 19, 2020, 04:52:35 PM
If you have a lot of tabs open in Vivaldi, you can put the background tabs in sleep mode to save CPU.


(https://i.imgur.com/mqwtYVo.png)
Title: Re: Vivaldi browser
Post by: phred on October 19, 2020, 05:09:47 PM
@stardepp- slightly off-topic, but what's the font showing in your screenshot?
Title: Re: Vivaldi browser
Post by: stardepp on October 19, 2020, 05:29:07 PM
I use the Comic Sans MS font throughout Vivaldi and Windows as well as in MusicBee.
Title: Re: Vivaldi browser
Post by: phred on October 19, 2020, 07:44:03 PM
Thanks.
Title: Re: Vivaldi browser
Post by: stardepp on October 19, 2020, 07:55:17 PM
With pleasure.
Title: Re: Vivaldi browser
Post by: Terry Walker on December 08, 2020, 06:29:18 AM
I use the Comic Sans MS font throughout Vivaldi and Windows as well as in MusicBee.
Same here, I'm using Comic sans MS font as well.
Title: Re: Vivaldi browser
Post by: hayboyek on February 15, 2021, 06:42:35 AM
This browser is not bad and I will use it too. I think cybersecurity is very important to users so I also use different protective tools like anonymous ip  (https://veepn.com/anonymous-ip/) and proxy. Both helped me a lot to protect my data online.
Title: Re: Vivaldi browser
Post by: stardepp on February 15, 2021, 06:47:21 AM
...exactly, see here:

(https://i.imgur.com/mYLQ0aH.jpg)
Title: Re: Vivaldi browser
Post by: stardepp on February 15, 2021, 07:30:32 AM
Willkommen bei Vivaldi. Die folgenden Links finden Sie möglicherweise interessant :

Vivaldi Help https://help.vivaldi.com/<br /><br />Vivaldi-Verhaltenskodex https://vivaldi.com/privacy/code-of-conduct/<br /><br />
Vivaldi Company https://vivaldi.com/en/company/<br /><br />
Vivaldi Business Model https://vivaldi.com/en/blog/vivaldi-business-model/<br /><br />Vivaldi Bug Report https://vivaldi.com/de/bugreport/<br /><br />
Vivaldi Ad blocker https://vivaldi.com/features/ad-blocker/<br /><br />Vivaldi Email Client https://forum.vivaldi.net/category/191/vivaldi-mail<br /><br />
Vivaldi Privacy https://vivaldi.com/privacy/browser/<br /><br />
Vivaldi No Tracking https://vivaldi.com/zero00tracking/<br /><br />
Modding Vivaldi https://forum.vivaldi.net/topic/10549/modding-vivaldi<br /><br />
Zeigen Sie mir Ihre Web-Panels https://forum.vivaldi.net/topic/11564/show-me-your-web-panels<br /><br />
Vivaldi-Farbschemata https://forum.vivaldi.net/topic/20106/post-your-color-scheme-at-vivaldi<br /><br />
Vivaldi Favorite Extension https://forum.vivaldi.net/topic/12540/vote-for-your-favorite-extension<br /><br />
Vivaldi Für Android https://forum.vivaldi.net/category/147/vivaldi-browser-for-android<br /><br />
Vivaldi Vergleich Snapshot Vs. Stable Vivaldi https://vivaldi.com/de/blog/snapshot-vs-stable/<br /><br />
Vivaldi Status https://vivaldistatus.com<br /><br />
Vivaldi Download https://vivaldi.com/en/download/<br /><br /><img src=[/img]" />
Title: Re: Vivaldi browser
Post by: Música on February 17, 2021, 02:21:38 PM
If you have a lot of tabs open in Vivaldi, you can put the background tabs in sleep mode to save CPU.


(https://i.imgur.com/mqwtYVo.png)
The latest release(s?) of Microsoft Edge has the same feature, BTW, and you can set the elapsed/inactive time for tabs to enter sleep mode. There is also a group option for IT administrators. (I'm trying Vivaldi out as well.)
Title: Re: Vivaldi browser
Post by: stardepp on February 17, 2021, 02:35:12 PM
In Vivaldi it is even possible to place a Hibernate Background button on the status bar:

(https://i.imgur.com/DLYOhXX.jpg)

This is made possible by this Javascript modification:

Code
(function () {
  // ============================================================================================================
  // Hibernate Background Tabs Status Bar Button Mod
  //    - made by nomadic on the Vivaldi Forums
  // ============================================================================================================
  function hibernateBackgroundTabsButton() {
    // Config ------------

    // 0 is farthest left on the status bar's right grouping of buttons
    // keep adding 1 to the variable to move it over to the right.
    const HIBERNATE_BTN_POSITION = 1;

    // -------------------

    function hibernateBackgroundTabs() {
      vivaldi.windowPrivate.getCurrentId((currentWindowId) => {
        chrome.tabs.query({ windowType: "normal" }, (tabs) => {
          tabs.forEach((tab) => {
            if (tab.windowId === currentWindowId && tab.active) return;
            chrome.tabs.discard(tab.id);
          });
        });
      });
    }

    // shamelessly modified from @luetage's "Random Theme Button Mod" because I am lazy
    function addHibernateButton() {
      // Check if button already exists before adding
      if (!document.getElementById("hibernate")) {
        let div = document.createElement("div");
        div.id = "hibernate";
        div.classList.add("button-toolbar");
        div.innerHTML =
          '<button draggable="true" tabindex="-1" title="Hibernate Background Tabs" type="button"><span><svg width="12" height="12" viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><path d="M24.46.65c.1 0 .2.1.18.22l-.04.08-.06.2-.3.74-1.51 3.77-.34.85-.1.28-.04.06v.05h.16l.32-.05 2.17-.36c.15 0 .27-.04.35-.06h.26l.06.14c.11.55.2 1.12.27 1.7l-.02.02a1.36 1.36 0 01-.4.13l-3.48.6-3.6.59-.23.04h-.08a.24.24 0 01-.14-.06.16.16 0 01-.02-.08v-.16l.28-.71L19.4 5.5l.6-1.46.19-.45.04-.12v-.06h-.02V3.4h-.12c-.79.12-1.58.24-2.39.4l-.33.06h-.26l-.08-.12c-.1-.46-.2-.9-.25-1.36l-.04-.2v-.08l.02-.06a.4.4 0 01.06-.06l.15-.06.54-.11 3.11-.54 2.69-.43.83-.14.23-.04zm-7.61 4.06c.12-.01.21.06.25.2V5l-.04.22c0 .2-.06.5-.11.9l-.64 4.5-.15.99-.04.32v.11h.02v.04h.06l.07-.06.36-.13 1.1-.48 1.15-.5.37-.15.1-.04h.16c.04 0 .06.04.12.1.27.6.51 1.16.75 1.76 0 0 0 .04-.04.06a1.52 1.52 0 01-.4.23l-6.43 2.8-.88.38c-.1.04-.2.06-.24.1l-.08.02h-.02c-.06.02-.14 0-.16-.04a.16.16 0 01-.06-.08l.61-4.74c.1-.67.2-1.28.24-1.73l.08-.52.02-.13v-.1l-.02.04v-.04h-.02l-.02.02c-.02 0-.06 0-.1.04l-.31.14-2.17.9-.34.16-.12.04h-.16c-.03 0-.07-.04-.11-.1l-.4-.79-.33-.8-.02-.07v-.1l.06-.07.13-.1.56-.28a211.5 211.5 0 016.86-2.96l.26-.08.06-.04h.02zm-.71 7.32l-.02.02h.02zm-5.35 0c.14 0 .26.14.26.32l-.02.12-.08.25-2.57 8.15v.1l-.02.02v.04h.08l.14-.02.45-.12 3.63-.87h.2c.04.04.08.08.12.18l.6 2.25-.03.08-.06.06a1.93 1.93 0 01-.55.23c-.65.2-2.01.54-4.8 1.23l-4.92 1.2-.34.08H2.8l-.04.02a.34.34 0 01-.2-.08.2.2 0 01-.05-.12v-.24l.31-1.02 2.1-6.6.19-.66.06-.18v-.1H5.1l-.12.04-.43.1-1.42.36-1.44.35-.48.1-.13.02H.85l-.12-.16c-.2-.63-.35-1.24-.51-1.87 0-.12-.04-.2-.06-.28v-.2a.55.55 0 01.1-.1l.2-.1.74-.19a295.7 295.7 0 018-2.01l1.14-.28.31-.06.1-.02h.02z"/></svg><span></button>';
        // positon the button based on the config
        let elBefore = document.querySelector(".StatusInfo").nextSibling;
        for (let i = 0; i < HIBERNATE_BTN_POSITION; i++) {
          elBefore = elBefore.nextSibling;
        }
        document.querySelector(".toolbar-statusbar").insertBefore(div, elBefore);
        document.querySelector("#hibernate button svg").style = "width: 14px; height: 14px;";
        document.getElementById("hibernate").addEventListener("click", hibernateBackgroundTabs);
      }
    }

    // CHANGE #1: Re-add the button after exiting fullscreen
    let browser = document.getElementById("browser");
    let oldState = browser.classList.contains("fullscreen") || browser.classList.contains("minimal-ui");
    let browserObserver = new MutationObserver(function (mutations) {
      mutations.forEach(function (mutation) {
        if (mutation.attributeName == "class") {
          let isFullscreen =
            mutation.target.classList.contains("fullscreen") || mutation.target.classList.contains("minimal-ui");
          if (oldState !== isFullscreen) {
            oldState = isFullscreen;
            if (!isFullscreen) {
              addHibernateButton();
            }
          }
          // CHANGE #2: Re-add the button after toggling status bar
        } else if (Array.from(mutation.addedNodes).find((element) => element.classList.contains("toolbar-statusbar"))) {
          addHibernateButton();
        }
      });
    });

    browserObserver.observe(browser, { attributes: true, childList: true });

    addHibernateButton();
  }

  let intervalID = setInterval(() => {
    const browser = document.getElementById("browser");
    if (browser) {
      clearInterval(intervalID);
      hibernateBackgroundTabsButton();
    }
  }, 300);
})();
Title: Re: Vivaldi browser
Post by: stardepp on February 17, 2021, 02:38:47 PM
In Vivaldi you can also reload tabs after a certain time interval:

(https://i.imgur.com/4ZNNXoF.jpg)