фикс для safari (userscripts)

README.md

@@ -4,7 +4,7 @@
 Очень признателен, **[Yandex.Translate](https://translate.yandex.ru/)** & **[sodapng](https://github.com/sodapng)** & **[mynovelhost](https://github.com/mynovelhost)**. Спасиб <3
 
 # Установка расширения:
-1. Установите расширение **[Tampermonkey](https://www.tampermonkey.net/)**
+1. Установите расширение **[Tampermonkey](https://www.tampermonkey.net/)** (Для Safari: **[UserScripts](https://apps.apple.com/app/userscripts/id1463298887 )**)
 2. **[«Установите Скрипт»](https://raw.githubusercontent.com/ilyhalight/voice-over-translation/master/vot.user.js)**
 
 ## Примечание:
@@ -13,7 +13,7 @@
 3. Если расширение резко перестанет работать, то, вы, всё ещё сможете использовать старую версию с отдельным веб-сервером
 
 ## Расширение протестировано в следующих браузерах:
-1. [✔100%] Firefox Dev. (v103.0b7)
+1. [✔100%] Firefox Dev. (v103.0b7) & LibreWolf (v100.0.2-1)
 2. [✔99%] Браузеры на движке Хромиум:
 
    1. MS Edge (v103.0.1264.49)
@@ -24,7 +24,8 @@
 
    4. Opera GX LVL4 (core: 88.0.4412.85)
 
-   5. Другие браузеры, основанные на хромиуме (в хромоподобных браузерах не сделано отображение градиента на слайдере, но, как мне кажется, это не критично)
-
+   5. Другие браузеры, основанные на хромиуме
+3. [✔99%] Safari (v14.0.2 (16610.3.7.1.9))
+В **Safari** и **Хромоподобных браузерах** не сделано отображение градиента на слайдере громкости, но, как мне кажется, это не критично
 
 ![example btn](https://github.com/ilyhalight/voice-over-translation/blob/master/img/example.png "btn")

changelog.md

@@ -1,3 +1,8 @@
+# 1.0.7
+- Фикс для расширений "Greasemonkey" (всё ещё не работает) и "UserScripts" (теперь работает)
+- Добавлены все авторы, внесшие какой-либо вклад для плагина, в блок UserScript
+- Добавлено мультиязычное описание и название плагина в блок UserScript
+
 # 1.0.6
 - Добавлена иконка расширения
 - Плагина полностью переведен на русский (ранее часть сообщений была на английском)

vot.user.js

@@ -1,14 +1,19 @@
 // ==UserScript==
 // @name             voice-over-translation
+// @name:ru          [VOT] - Закадровый перевод видео
+// @description      A small extension that adds a Yandex Browser video translation to other browsers
+// @description:ru   Небольшое расширение, которое добавляет закадровый перевод видео из Яндекс Браузера в другие браузеры
+// @version          1.0.7
+// @author           sodapng, mynovelhost, Toil
 // @match            *://*.youtube.com/*
-// @version          1.0.6
 // @icon             https://translate.yandex.ru/icons/favicon.ico
 // @require          https://code.jquery.com/jquery-3.6.0.min.js
 // @require          https://cdn.jsdelivr.net/gh/dcodeIO/protobuf.js@6.X.X/dist/protobuf.min.js
 // @resource         styles https://raw.githubusercontent.com/ilyhalight/voice-over-translation/master/styles.css
 // @grant            GM_getResourceText
 // @grant            GM_addStyle
 // @grant            GM_xmlhttpRequest
+// @grant            GM_info
 // @updateURL        https://raw.githubusercontent.com/ilyhalight/voice-over-translation/master/vot.user.js
 // @downloadURL      https://raw.githubusercontent.com/ilyhalight/voice-over-translation/master/vot.user.js
 // @supportURL       https://github.com/ilyhalight/voice-over-translation/issues
@@ -18,9 +23,33 @@
 
 const yandexHmacKey = "gnnde87s24kcuMH8rbWhLyfeuEKDkGGm";
 const yandexUserAgent = "Mozilla/5.0 (iPhone; CPU iPhone OS 15_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 CriOS/100.0.4896.160 YaBrowser/22.5.7.49.10 SA/3 Mobile/15E148 Safari/604.1";
+const USOV4 = [ // Список расширений, последние версии которых не поддерживает Greasemonkey API V3
+  "Greasemonkey",
+  "Userscripts",
+]
+
+if (typeof GM_addStyle == 'undefined') {
+  GM_addStyle = (aCss) => {
+    'use strict';
+    let head = document.getElementsByTagName('head')[0];
+    if (head) {
+      let style = document.createElement('style');
+      style.setAttribute('type', 'text/css');
+      style.textContent = aCss;
+      head.appendChild(style);
+      return style;
+    }
+    return null;
+  };
+}
 
-const styles = GM_getResourceText("styles");
-GM_addStyle(styles);
+if (!USOV4.includes(GM_info.scriptHandler)) {
+  const styles = GM_getResourceText("styles");
+  GM_addStyle(styles);
+} else {
+  fetch('https://raw.githubusercontent.com/ilyhalight/voice-over-translation/master/styles.css')
+  .then((response) => response.text().then(styles => GM_addStyle(styles)));
+}
 
 const $translationBlock = $(`
   <div class = "translationBlock">