Дмитрий Беляев

myArrayJson.push({[arkey]: arval});

https://developer.mozilla.org/ru/docs/Web/JavaScri...
Вот здесь потеряли контекст player:.addEventListener("click", player.prevAudio)

Про метод массива some уже написали выше.
Я бы еще вынес некоторые условия из итерации:

const brandsPredicate = s.hasOwnProperty("brands") && s.brands.length > 0
  ? product => s.brands.includes(product.brand_id)
  : () => true;
const paramsPredicate = s.hasOwnProperty("params") && s.params.length > 0
  ? product => product.hasOwnProperty("params") &&
    s.params.some(param => product.params.includes(param))
  : () => true;

const result = products.filter(product => brandsPredicate(product) && paramsPredicate(product));

Думаю можно просто рассчитать:

function calculateUTCOffsetSeconds(timestamp) {
  const date = new Date(timestamp);
  const utcTime = date.getUTCHours() * 3600 +
    date.getUTCMinutes() * 60 +
    date.getUTCSeconds();
  const localTime = date.getHours() * 3600 +
    date.getMinutes() * 60 +
    date.getSeconds();
  return localTime - utcTime;
}
console.log(calculateUTCOffsetSeconds(-2208988800000));

const freqUpdateInMs = 1000

export default {
  data() {
    return {
      loading: false,
      items: {},
      timer: null
    }
  },
  mounted() {
    const fetchData = () => {
      this.$store.commit('setLoading', true)
      this.fetchData()
        .finally(() => {
          this.timer = setTimeout(fetchData, freqUpdateInMs)
          this.$store.commit('setLoading', false)
        })
    }
    fetchData()
  },
  beforeDestroy() {
    clearTimeout(this.timer)
  }
}

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Строки в JS неизменяемый тип данных, а значит все методы строк, которые подразумевают изменение строки могут лишь вернуть новую строку, но не изменить существующую.
А следовательно данная строка ничего не делает:

str.replace(/\s+/g, ' ').trim();

Нужно возвращать не исходную строку, а результат данной операции:return str.replace(/\s+/g, ' ').trim();

Если интересует только винда, то лучшим решением пожалуй будет C# и если нужна поддержка старых версий винды, то с WinForms.

Насчет Electron.js - хорошее решение с низким порогом входа, работать будет не только на большинстве версий винды, но и под Linux и Mac. А насчет его производительности - эта байка идет не из-за того, что Electron медленный, а из-за кривых ручек большинства тех кто на нем пишет. Если писать нормально, с пониманием асинхронной природы JS, с вынесением бизнес логики в бэк часть и с асинхронным общением между бэк и UI частями - все будет работать достаточно быстро.
В комментах к вопросу упомянули VSCode - хороший пример как готовить Electron правильно.

Еще можно посмотреть в сторону tauri. UI пишется на веб технологиях (HTML, CSS, JS), бэк на Rust. Приложение будет гораздо легче, чем Electron и потенциально будет работать быстрее (хотя быстрее - это вообще мало от платформы зависит, кто и как пишет код тут гораздо важнее).
Тут нужно учесть 2 момента:
1. Если Вы никогда не работали с Rust, то в этот язык чуть тяжелее влиться чем в другие.
2. Tauri использует нативный WebView для UI, а значит придется учитывать кроссбраузерность.

Еще варианты:
C++ + Qt
Python + PyQt
Java с ее окошками

Ошибка в том что columnHeight нужно обновлять по тому же индексу, что и columns.
Ну еще есть проблемы с тем, что исходные данные не упорядочены, а значит массивы будут заполняться не равномерно. Притом сортировать лучше по убыванию.
Так же, если нужен оригинальный порядок, то его нужно сохранить, а потом так же восстанавливать сортировкой.

// Сохраняем исходные индексы и сортируем по высоте по убыванию
const preparedData = data
    .map((e, i) => ({i, e}))
    .sort((a, b) => b.e.height - a.e.height);

for (const el of preparedData) {
    const { height } = el.e;
    // тут никогда не вернет -1, так как мы ищем элемент который точно есть в массиве - минимальный
    const index = columnHeight.indexOf(Math.min(...columnHeight));
    // обновляем данные массивов по выбранному индексу
    columnHeight[index] += height;
    columns[index].push(el);
}

// нормализуем columns
for (let i = 0; i < columns.length; ++i) {
    // восстановим исходный порядок, отсортировав по сохраненному индексу по возрастанию
    columns[i].sort((a, b) => a.i - b.i);
    // избавимся от сохраненных индексов, оставив только исходные объекты
    columns[i] = columns[i].map(({ e }) => e);
}

navigator.mediaDevices.getUserMedia({video: true})
https://developer.mozilla.org/ru/docs/Web/API/Medi...

Браузер сам запросит разрешение, когда Вы запросите камеру

https://habr.com/ru/post/108295/

Если в iframe загружена страница с того же origin (протокол + домен + порт) откуда загружена текущая - то Вы имеете полный доступ к его window через свойство contentWindow. Соответственно можете обращаться к его DOM, глобальным переменным, менять их и т.д.

Если в iframe будет страница с другого origin, то ничего этого нет, с ней можно лишь общаться через postMessage api, но если страница не Ваша, то и скрипт для обработки postMessage + каких-либо еще действий Вы туда не вставите.

Если сторонний сайт отдает нормальные CORS заголовки при запросе с Вашего сайта (что судя по вопросу не так, но все же), то можно скачать страницу как текст через fetch api и распарсить ее через DOMParser.

В противном случае остается только делать прослойку у себя на сервере, тут простор фантазии может быть очень широким, от банального reverse proxy прямо в nginx до чего-то более умного на любом серверном ЯП.