diff --git a/docs/favicon/favicon.ico b/docs/favicon/favicon.ico deleted file mode 100644 index c4739a9e..00000000 Binary files a/docs/favicon/favicon.ico and /dev/null differ diff --git a/docs/favicon/favicon_144.png b/docs/favicon/favicon_144.png deleted file mode 100644 index bda6888e..00000000 Binary files a/docs/favicon/favicon_144.png and /dev/null differ diff --git a/docs/favicon/favicon_32.png b/docs/favicon/favicon_32.png deleted file mode 100644 index 23792c9e..00000000 Binary files a/docs/favicon/favicon_32.png and /dev/null differ diff --git a/docs/favicon/favicon_48.png b/docs/favicon/favicon_48.png deleted file mode 100644 index bdddff9e..00000000 Binary files a/docs/favicon/favicon_48.png and /dev/null differ diff --git a/docs/favicon/favicon_96.png b/docs/favicon/favicon_96.png deleted file mode 100644 index 31eec83b..00000000 Binary files a/docs/favicon/favicon_96.png and /dev/null differ diff --git a/docs/img/bg-bottom.svg b/docs/img/bg-bottom.svg deleted file mode 100644 index 65be2bd7..00000000 --- a/docs/img/bg-bottom.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/docs/img/bg-top.svg b/docs/img/bg-top.svg deleted file mode 100644 index 9eae3cdd..00000000 --- a/docs/img/bg-top.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/img/code.svg b/docs/img/code.svg deleted file mode 100644 index 75ccd91c..00000000 --- a/docs/img/code.svg +++ /dev/null @@ -1,5 +0,0 @@ - - </> - - diff --git a/docs/img/download.svg b/docs/img/download.svg deleted file mode 100644 index 6de6cbb7..00000000 --- a/docs/img/download.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - diff --git a/docs/img/plugins.svg b/docs/img/plugins.svg deleted file mode 100644 index 9aab85e8..00000000 --- a/docs/img/plugins.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/docs/index.html b/docs/index.html deleted file mode 100644 index 7f0d06b5..00000000 --- a/docs/index.html +++ /dev/null @@ -1,484 +0,0 @@ - - - - - - - - YTMD App (Unofficial) - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

- - YTM - -

-
-
-
-
- -
-
-
-
- -
-
-
-
-

- Custom YTMD App -

-

- Open source, cross-platform, unofficial YTMD - App -

-
- Download -
-
-
-
- YTM -
-
-
-
-
- -
-
-
-
-
-
- Adblocker -
-
-

Built-in adblocker

-

Block all ads and tracking out of the box

-
-
-
-
- Downloader -
-
-
-
-
-
- Plugins -
-
-

Many other plugins in one click

-

- Enhance your user experience with media keys, integrations - (Discord), cosmetic filters, notifications, TouchBar, - auto-unpause and many more! Every plugin can be enabled or - disabled in one click. -

-
-
-
-
- Code -
-
-

Open source & Cross platform

-

- Available for Windows (installer and portable), Mac and - Linux (AppImage, deb, etc) -

-
-
-
-
-
-
- -
-
-
- - -
- - - - diff --git a/docs/js/main.js b/docs/js/main.js deleted file mode 100644 index d7587ce9..00000000 --- a/docs/js/main.js +++ /dev/null @@ -1,268 +0,0 @@ -/* eslint-disable */ - -// Constants -const element = document.documentElement; -const { body } = document; -const revealOnScroll = (window.sr = ScrollReveal({ mobile: false })); - -// Load animations -element.classList.remove('no-js'); -element.classList.add('js'); -window.addEventListener('load', () => { - body.classList.add('is-loaded'); -}); - -if (body.classList.contains('has-animations')) { - window.addEventListener('load', () => { - revealOnScroll.reveal('.feature-extended .device-mockup', { - duration: 600, - distance: '100px', - easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', - origin: 'bottom', - viewFactor: 0.6, - }); - revealOnScroll.reveal('.feature-extended .feature-extended-body', { - duration: 600, - distance: '40px', - easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)', - origin: 'top', - viewFactor: 0.6, - }); - }); -} - -// Bubble canvas -const bubbleCanvas = function (t) { - const e = this; - e.parentNode = t; - e.setCanvasSize(); - window.addEventListener('resize', () => { - e.setCanvasSize(); - }); - e.mouseX = 0; - e.mouseY = 0; - window.addEventListener('mousemove', (t) => { - e.mouseX = t.clientX; - e.mouseY = t.clientY; - }); - e.randomise(); -}; - -bubbleCanvas.prototype.setCanvasSize = function () { - this.canvasWidth = this.parentNode.clientWidth; - this.canvasHeight = this.parentNode.clientHeight; -}; - -bubbleCanvas.prototype.generateDecimalBetween = function (start, end) { - return (Math.random() * (start - end) + end).toFixed(2); -}; - -bubbleCanvas.prototype.update = function () { - const t = this; - t.translateX -= t.movementX; - t.translateY -= t.movementY; - t.posX += (t.mouseX / (t.staticity / t.magnetism) - t.posX) / t.smoothFactor; - t.posY += (t.mouseY / (t.staticity / t.magnetism) - t.posY) / t.smoothFactor; - if ( - t.translateY + t.posY < 0 - || t.translateX + t.posX < 0 - || t.translateX + t.posX > t.canvasWidth - ) { - t.randomise(); - t.translateY = t.canvasHeight; - } -}; - -bubbleCanvas.prototype.randomise = function () { - this.colors = ['195,53,46', '172,54,46']; - - this.velocity = 20; - this.smoothFactor = 50; - this.staticity = 30; - this.magnetism = 0.1 + 4 * Math.random(); - this.color = this.colors[Math.floor(Math.random() * this.colors.length)]; - this.alpha = this.generateDecimalBetween(5, 10) / 10; - this.size = this.generateDecimalBetween(1, 4); - this.posX = 0; - this.posY = 0; - this.movementX = this.generateDecimalBetween(-2, 2) / this.velocity; - this.movementY = this.generateDecimalBetween(1, 20) / this.velocity; - this.translateX = this.generateDecimalBetween(0, this.canvasWidth); - this.translateY = this.generateDecimalBetween(0, this.canvasHeight); -}; - -const drawBubbleCanvas = function (t) { - this.canvas = document.getElementById(t); - this.ctx = this.canvas.getContext('2d'); - this.dpr = window.devicePixelRatio; -}; - -drawBubbleCanvas.prototype.start = function (bubbleDensity) { - const t = this; - t.bubbleDensity = bubbleDensity; - t.setCanvasSize(); - window.addEventListener('resize', () => { - t.setCanvasSize(); - }); - t.bubblesList = []; - t.generateBubbles(); - t.animate(); -}; - -drawBubbleCanvas.prototype.setCanvasSize = function () { - this.container = this.canvas.parentNode; - this.w = this.container.offsetWidth; - this.h = this.container.offsetHeight; - this.wdpi = this.w * this.dpr; - this.hdpi = this.h * this.dpr; - this.canvas.width = this.wdpi; - this.canvas.height = this.hdpi; - this.canvas.style.width = this.w + 'px'; - this.canvas.style.height = this.h + 'px'; - this.ctx.scale(this.dpr, this.dpr); -}; - -drawBubbleCanvas.prototype.animate = function () { - const t = this; - t.ctx.clearRect(0, 0, t.canvas.clientWidth, t.canvas.clientHeight); - for (const e of t.bubblesList) { - e.update(); - t.ctx.translate(e.translateX, e.translateY); - t.ctx.beginPath(); - t.ctx.arc(e.posX, e.posY, e.size, 0, 2 * Math.PI); - t.ctx.fillStyle = 'rgba(' + e.color + ',' + e.alpha + ')'; - t.ctx.fill(); - t.ctx.setTransform(t.dpr, 0, 0, t.dpr, 0, 0); - } - - requestAnimationFrame(this.animate.bind(this)); -}; - -drawBubbleCanvas.prototype.addBubble = function (t) { - return this.bubblesList.push(t); -}; - -drawBubbleCanvas.prototype.generateBubbles = function () { - const t = this; - for (let e = 0; e < t.bubbleDensity; e++) { - t.addBubble(new bubbleCanvas(t.canvas.parentNode)); - } -}; - -// Night sky with stars canvas -const starCanvas = function (t) { - this.canvas = document.getElementById(t); - this.ctx = this.canvas.getContext('2d'); - this.dpr = window.devicePixelRatio; -}; - -starCanvas.prototype.start = function () { - let w; - let h; - - const setCanvasExtents = () => { - w = this.canvas.parentNode.clientWidth; - h = this.canvas.parentNode.clientHeight; - this.canvas.width = w; - this.canvas.height = h; - }; - - setCanvasExtents(); - - window.addEventListener('resize', () => { - setCanvasExtents(); - }); - - const makeStars = (count) => { - const out = []; - for (let i = 0; i < count; i++) { - const s = { - x: Math.random() * w - w / 2, - y: Math.random() * h - h / 2, - z: Math.random() * 1000, - }; - out.push(s); - } - - return out; - }; - - const stars = makeStars(10_000); - - const clear = () => { - this.ctx.fillStyle = '#212121'; - this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height); - }; - - const putPixel = (x, y, brightness) => { - const intensity = brightness * 255; - const rgb = 'rgb(' + intensity + ',' + intensity + ',' + intensity + ')'; - this.ctx.beginPath(); - this.ctx.arc(x, y, 0.9, 0, 2 * Math.PI); - this.ctx.fillStyle = rgb; - this.ctx.fill(); - }; - - const moveStars = (distance) => { - const count = stars.length; - for (let i = 0; i < count; i++) { - const s = stars[i]; - s.z -= distance; - while (s.z <= 1) { - s.z += 1000; - } - } - }; - - let previousTime; - const init = (time) => { - previousTime = time; - requestAnimationFrame(tick); - }; - - const tick = (time) => { - const elapsed = time - previousTime; - previousTime = time; - - moveStars(elapsed * 0.1); - - clear(); - - const cx = w / 2; - const cy = h / 2; - - const count = stars.length; - for (let i = 0; i < count; i++) { - const star = stars[i]; - - const x = cx + star.x / (star.z * 0.001); - const y = cy + star.y / (star.z * 0.001); - - if (x < 0 || x >= w || y < 0 || y >= h) { - continue; - } - - const d = star.z / 1000; - const b = 1 - d * d; - - putPixel(x, y, b); - } - - requestAnimationFrame(tick); - }; - - requestAnimationFrame(init); -}; - -// Start canvas animations -window.addEventListener('load', () => { - // Stars - const headCanvas = new starCanvas('hero-particles'); - // Bubbles - const footerCanvas = new drawBubbleCanvas('footer-particles'); - const mainCanvas = new drawBubbleCanvas('main-particles'); - - headCanvas.start(); - footerCanvas.start(30); - mainCanvas.start(200); -}); diff --git a/docs/readme/README-es.md b/docs/readme/README-es.md deleted file mode 100644 index 35bd74b6..00000000 --- a/docs/readme/README-es.md +++ /dev/null @@ -1,392 +0,0 @@ -
- -# YouTube Music - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Screenshot](/web/screenshot.png "Screenshot") - - -
- - YouTube Music SVG - -
- -Lee esto en otros idiomas: [🏴 Inglés](../../README.md), [🇰🇷 Coreano](./README-ko.md), [🇫🇷 Francés](./README-fr.md), [🇮🇸 Islandés](./README-is.md), [🇪🇸 Español](./README-es.md), [🇷🇺 Ruso](./README-ru.md), [🇺🇦 Ucraniano](./README-uk.md), [🇧🇷 Portugués](./README-pt.md), [🇯🇵 Japonés](./README-ja.md) - -**Electron wrapper de YouTube Music con las siguientes características:** - -- Apariencia y sensación nativa, tiene como objetivo mantener la interfaz original -- Framework para plugins personalizados: cambia YouTube Music según tus necesidades (estilo, contenido, funciones), habilita/deshabilita plugins con un solo clic - -## Imagen de demostración - -| Pantalla del reproductor (color del álbum como tema y luz ambiental) | -|:---------------------------------------------------------------------------------------------------------:| -|![Screenshot1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)| - -## Contenido - -- [Características](#características) -- [Plugins disponibles](#plugins-disponibles) -- [Traducción](#traducción) -- [Descarga](#descarga) - - [Arch Linux](#arch-linux) - - [macOS](#macos) - - [Windows](#windows) - - [Cómo instalar sin conexión a internet? (en Windows)](#cómo-instalar-sin-conexión-a-internet-en-windows) -- [Temas](#temas) -- [Dev](#dev) -- [Crea tus propios plugins](#crea-tus-propios-plugins) - - [Creación de un plugin](#creación-de-un-plugin) - - [Casos de uso comunes](#casos-de-uso-comunes) -- [Compilar](#compilar) -- [Vista previa de producción](#vista-previa-de-producción) -- [Tests](#tests) -- [Licencia](#licencia) -- [Preguntas frecuentes](#preguntas-frecuentes) - -## Características: - -- **Confirmación automática al pausar** (Siempre habilitado): desactiva - el mensaje emergente ["¿Continuar reproduciendo?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png) - que pausa la música después de cierto tiempo - -- Y más ... - -## Plugins disponibles: - -- **Bloqueador de Anuncios**: Bloquea todos los anuncios y rastreadores de forma predeterminada - -- **Acciones de Álbum**: Agrega botones de deshacer No me gusta, No me gusta, Me gusta, y Deshacer me gusta a todas las canciones de una lista de reproducción o álbum - -- **Tema de Color del Álbum**: Aplica un tema dinámico y efectos visuales basados en la paleta de colores del álbum - -- **Modo Ambiente**: Aplica un efecto de iluminación proyectando colores suaves del video en el fondo de tu pantalla - -- **Compresor de Audio**: Aplica compresión al audio (reduce el volumen de las partes más fuertes de la señal y aumenta el - volumen de las partes más suaves) - -- **Barra de Navegación Difuminada**: hace que la barra de navegación sea transparente y borrosa - -- **Omitir Restricciones de Edades**: omite la verificación de edad de YouTube - -- **Selector de Subtítulos**: Habilita los subtítulos - -- **Barra Lateral Compacta**: Siempre muestra la barra lateral en modo compacto - -- **Crossfade**: Transición suave entre canciones - -- **Desactivar Reproducción Automática**: Hace que cada canción comience en modo "pausado" - -- **[Discord](https://discord.com/) Rich Presence**: Muestra a tus amigos lo que estás escuchando - con [Rich Presence](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png) - -- **Descargador**: Descarga - MP3 [directamente desde la interfaz](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl) - -- **Volumen Exponencial**: Hace que el control de volumen - sea [exponencial](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) para facilitar la - selección de volúmenes más bajos - -- **Menú en la Aplicación**: [da a las barras un aspecto elegante y oscuro](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (consulta [esta publicación](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709) si tienes problemas - para acceder al menú después de habilitar este plugin y la opción hide-menu) - -- **Scrobbler**: Agrega soporte para scrobbling en [Last.fm](https://www.last.fm/) y [ListenBrainz](https://listenbrainz.org/) - -- **Lumia Stream**: Agrega soporte para [Lumia Stream](https://lumiastream.com/) - -- **Letras Genius**: Agrega soporte de letras para la mayoría de las canciones - -- **Music Together**: Comparte una lista de reproducción con otros. Cuando el anfitrión reproduce una canción, todos los demás escucharán la misma canción - -- **Navegación**: Flechas de siguiente/anterior integradas directamente en la interfaz, como en tu navegador favorito - -- **Sin Inicio de Sesión de Google**: Elimina los botones y enlaces de inicio de sesión de Google de la interfaz - -- **Notificaciones**: Muestra una notificación cuando comienza una canción - a reproducirse ([notificaciones interactivas](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) - están disponibles en Windows) - -- **Picture-in-picture**: permite cambiar la aplicación al modo picture-in-picture - -- **Velocidad de Reproducción**: Escucha rápido, escucha - lento! [Agrega un deslizador que controla la velocidad de reproducción de las canciones](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png) - -- **Volumen Preciso**: Controla el volumen de forma precisa utilizando la rueda del mouse/atajos de teclado, con un HUD personalizado y pasos de volumen personalizables - -- **Atajos (& MPRIS)**: Permite configurar atajos globales para la reproducción (reproducir/pausar/siguiente/anterior) + - desactivar [osd multimedia](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png) - al anular las teclas multimedia + habilitar Ctrl/CMD + F para buscar + habilitar el soporte mpris de Linux para - teclas multimedia + [atajos personalizados](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) - para [usuarios avanzados](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902) - -- **Omitir Canciones No Deseadas**: Salta las canciones que no te gustan - -- **Saltar Silencios**: Salta automáticamente las secciones de silencio - -- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): Salta automáticamente las partes que no son de música, como la introducción/final o - partes de videos musicales donde no se reproduce la canción - -- **Control Multimedia en la Barra de Tareas**: Controla la reproducción desde - la [barra de tareas de Windows](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png) - -- **TouchBar**: Diseño personalizado de TouchBar para macOS - -- **Tuna OBS**: Integración con el complemento [Tuna](https://obsproject.com/forum/resources/tuna.843/) de [OBS](https://obsproject.com/) - -- **Cambiador de Calidad de Video**: Permite cambiar la calidad del video con - un [botón](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) en - la superposición de video - -- **Alternar Video**: Agrega - un [botón](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) para - alternar entre el modo de video/canción. también puede eliminar opcionalmente toda la pestaña de video - -- **Visualizador**: Diferentes visualizadores de música - -## Traducción - -Puedes ayudar con la traducción en [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/). - - - estado de traducción - estado de traducción 2 - - -## Descarga - -Puedes consultar la [última versión](https://github.com/th-ch/youtube-music/releases/latest) para encontrar rápidamente la versión más reciente. - -### Arch Linux - -Instala el paquete [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) desde AUR. Para obtener instrucciones de instalación de AUR, consulta esta [página del wiki](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages). - -### macOS - -Puedes instalar la aplicación usando Homebrew (consulta la [definición de cask](https://github.com/th-ch/homebrew-youtube-music)): - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -Si instalas la aplicación manualmente y obtienes un error "está dañado y no se puede abrir" al iniciar la aplicación, ejecuta lo siguiente en la Terminal: - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -Puedes usar el [administrador de paquetes Scoop](https://scoop.sh) para instalar el paquete `youtube-music` desde -el [`extras` bucket](https://github.com/ScoopInstaller/Extras). - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -Alternativamente, puedes usar [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/), el administrador de paquetes CLI oficial de Windows 11 para instalar el paquete `th-ch.YouTubeMusic`. - -*Nota: Microsoft Defender SmartScreen podría bloquear la instalación ya que proviene de un "editor desconocido". Esto también esválido para la instalación manual al intentar ejecutar el ejecutable (.exe) después de una descarga manual aquí en GitHub (mismo archivo).* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### Cómo instalar sin conexión a Internet? (en Windows) - -- Descarga el archivo `*.nsis.7z` para _la arquitectura de tu dispositivo_ en la [página de lanzamientos](https://github.com/th-ch/youtube-music/releases/latest). - - `x64` para Windows de 64 bits - - `ia32` para Windows de 32 bits - - `arm64` para Windows ARM64 -- Descarga el instalador en la página de lanzamientos. (`*-Setup.exe`) -- Colócalos en el **mismo directorio**. -- Ejecuta el instalador. - -## Temas - -Puedes cargar archivos CSS para cambiar la apariencia de la aplicación (Opciones > Ajustes visuales > Tema). - -Algunos temas predefinidos están disponibles en https://github.com/kerichdev/themes-for-ytmdesktop-player. - -## Dev - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## Crea tus propios plugins - -Usando plugins, puedes: - -- manipular la aplicación - se pasa el `BrowserWindow` de electron al controlador del plugin -- cambiar la interfaz manipulando el HTML/CSS - -### Creación de un plugin - -Crea una carpeta en `src/plugins/NOMBRE-DEL-PLUGIN`: - -- `index.ts`: el archivo principal del plugin -```typescript -import style from './style.css?inline'; // importar estilo como inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: "Plugin Label", - restartNeeded: true, // si el valor es true, ytmusic muestra el diálogo de reinicio - config: { - enabled: false, - }, // tu configuración personalizada - stylesheets: [style], // tu estilo personalizado, - menu: async ({ getConfig, setConfig }) => { - // Todos los métodos *Config están envueltos en Promise - const config = await getConfig(); - return [ - { - label: "menu", - submenu: [1, 2, 3].map((value) => ({ - label: `value ${value}`, - type: "radio", - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // puedes comunicarte con el plugin de renderizado - ipc.handle("some-event", () => { - return "hello"; - }); - }, - // se activa cuando cambia la configuración - onConfigChange(newConfig) { /* ... */ }, - // se activa cuando se desactiva el plugin - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke("some-event")); - }, - // Solo disponible en el plugin de renderizado - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // establecer la configuración del plugin fácilmente - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); - -``` - -### Casos de uso comunes - -- inyectar CSS personalizado: crea un archivo `style.css` en la misma carpeta y luego: - -```typescript -// index.ts -import style from './style.css?inline'; // importar estilo como inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // si el valor es true, ytmusic mostrará el diálogo de reinicio - config: { - enabled: false, - }, // tu configuración personalizada - stylesheets: [style], // tu estilo personalizado - renderer() {} // define el hook del renderizador -}); -``` - -- Si quieres cambiar el HTML: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // si el valor es true, ytmusic mostrará el diálogo de reinicio - config: { - enabled: false, - }, // tu configuración personalizada - renderer() { - // Elimina el botón de inicio de sesión - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // define el hook del renderizador -}); -``` - -- comunicación entre el front y el back: se puede hacer utilizando el módulo ipcMain de electron. Ver archivo `index.ts` y - ejemplo en el plugin `sponsorblock`. - -## Compilar - -1. Clonar el repositorio -2. Seguir [esta guía](https://pnpm.io/es/installation) para instalar `pnpm` -3. Ejecutar `pnpm install --frozen-lockfile` para instalar las dependencias -4. Ejecutar `pnpm build:OS` - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux (amd64) -- `pnpm dist:linux:deb-arm64` - Linux (arm64 para Debian) -- `pnpm dist:linux:rpm-arm64` - Linux (arm64 para Fedora) -- `pnpm dist:mac` - macOS (amd64) -- `pnpm dist:mac:arm64` - macOS (arm64) - -Construye la aplicación para macOS, Linux y Windows, -utilizando [electron-builder](https://github.com/electron-userland/electron-builder). - -## Vista previa de producción - -```bash -pnpm start -``` - -## Tests - -```bash -pnpm test -``` - -Utiliza [Playwright](https://playwright.dev/) para probar la aplicación. - -## Licencia - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## Preguntas frecuentes - -### ¿Por qué no se muestra el menú de aplicaciones? - -Si la opción `Ocultar menú` está activada - puedes mostrar el menú con la tecla alt (o \` [acento grave] si estás utilizando el plugin in-app-menu) diff --git a/docs/readme/README-fr.md b/docs/readme/README-fr.md deleted file mode 100644 index da0aa18d..00000000 --- a/docs/readme/README-fr.md +++ /dev/null @@ -1,389 +0,0 @@ -
- -# YouTube Music - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![Licence GitHub](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![style de code eslint](https://img.shields.io/badge/style_de_code-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js) -[![Statut de la construction](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![Toutes les versions GitHub](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Vulnérabilités connues](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Capture d'écran](/web/screenshot.png "Capture d'écran") - - -
- - SVG YouTube Music - -
- -Lisez ceci dans d'autres langues: [🏴 Anglais](../../README.md), [🇰🇷 Coréen](./README-ko.md), [🇫🇷 Français](./README-fr.md), [🇮🇸 Islandais](./README-is.md), [🇪🇸 Espagnol](./README-es.md), [🇷🇺 Russe](./README-ru.md), [🇺🇦 Ukrainien](./README-uk.md), [🇧🇷 Portugais](./README-pt.md), [🇯🇵 Japonais](./README-ja.md) - -**Enveloppe Electron autour de YouTube Music offrant :** - -- Aspect & sensation naturels, vise à conserver l'interface originale -- Cadre pour les plugins personnalisés : modifiez YouTube Music selon vos besoins (style, contenu, fonctionnalités), activez/désactivez les plugins en - un clic - -## Image de démonstration - -| Écran du lecteur (thème de couleur de l'album & lumière ambiante) | -|:---------------------------------------------------------------------------------------------------------:| -|![Capture d'écran1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)| - -## Contenu - -- [Fonctionnalités](#fonctionnalités) -- [Plugins disponibles](#plugins-disponibles) -- [Traduction](#traduction) -- [Téléchargement](#téléchargement) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [Comment installer sans connexion réseau ? (sous Windows)](#comment-installer-sans-connexion-réseau-sous-windows) -- [Thèmes](#thèmes) -- [Dev](#dev) -- [Créez vos propres plugins](#créez-vos-propres-plugins) - - [Créer un plugin](#créer-un-plugin) - - [Cas d'utilisation courants](#cas-dutilisation-courants) -- [Construction](#construction) -- [Aperçu de la production](#aperçu-de-la-production) -- [Tests](#tests) -- [Licence](#licence) -- [FAQ](#faq) - -## Fonctionnalités : - -- **Confirmation automatique lors de la pause** (Toujours activé) : désactiver - la pop-up ["Continuer à regarder ?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png) - qui pause la musique après un certain temps - - - Et plus encore ... - -## Plugins disponibles : - -- **Bloqueur de publicités** : Bloquez toutes les publicités et le suivi dès le départ - -- **Actions d'album** : Ajoute des boutons Je n'aime pas, Dislike, J'aime, et Unlike pour appliquer cela à toutes les chansons dans une playlist ou un album - -- **Thème de couleur d'album** : Applique un thème dynamique et des effets visuels basés sur la palette de couleurs de l'album - -- **Mode Ambiant** : Applique un effet d'éclairage en projetant des couleurs douces de la vidéo, sur l'arrière-plan de votre écran - -- **Compresseur Audio** : Appliquer une compression audio (diminue le volume des parties les plus fortes du signal et augmente le - volume des parties les plus douces) - -- **Barre de navigation floue** : rend la barre de navigation transparente et floue - -- **Contournement des restrictions d'âge** : contourner la vérification d'âge de YouTube - -- **Sélecteur de sous-titres** : Activer les sous-titres - -- **Barre latérale compacte** : Toujours définir la barre latérale en mode compact - -- **Fondu enchaîné** : Fondu enchaîné entre les chansons - -- **Désactiver la lecture automatique** : Fait démarrer chaque chanson en mode "pause" - -- **[Discord](https://discord.com/) Présence riche** : Montrez à vos amis ce que vous écoutez - avec [Présence riche](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png) - -- **Téléchargeur** : télécharge des - MP3 [directement depuis l'interface](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl) - -- **Volume exponentiel** : Rend le curseur de volume - [exponentiel](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) afin qu'il soit plus facile de - sélectionner des volumes plus bas - -- **Menu In-App** : [donne aux barres un aspect chic et sombre](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (voir [ce poste](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709) si vous avez des problèmes - pour accéder au menu après avoir activé ce plugin et l'option masquer-menu) - -- **Scrobbler** : Ajoute le support de scrobbling pour [Last.fm](https://www.last.fm/) et [ListenBrainz](https://listenbrainz.org/) - -- **Lumia Stream** : Ajoute le support de [Lumia Stream](https://lumiastream.com/) - -- **Lyrics Genius** : Ajoute le support des paroles pour la plupart des chansons - -- **Musique Ensemble** : Partagez une playlist avec d'autres. Lorsque l'hôte joue une chanson, tout le monde entendra la même chanson - -- **Navigation** : Flèches de navigation Suivant/Retour directement intégrées dans l'interface, comme dans votre navigateur préféré - -- **Pas de connexion Google** : Supprime les boutons et les liens de connexion Google de l'interface - -- **Notifications** : Affiche une notification lorsqu'une chanson commence à jouer ([notifications interactives](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) - sont disponibles sur Windows) - -- **Image dans l'image** : permet de passer l'application en mode image dans l'image - -- **Vitesse de lecture** : Écoutez rapidement, écoutez lentement ! [Ajoute un curseur qui contrôle la vitesse des chansons](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png) - -- **Volume précis** : Contrôlez le volume précisément en utilisant la molette de la souris/raccourcis clavier, avec un hud personnalisé et des étapes de volume personnalisables - -- **Raccourcis (& MPRIS)** : Permet de définir des raccourcis globaux pour la lecture (lecture/pause/suivant/précédent) + - désactive [osd média](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png) - en remplaçant les touches multimédias + activer Ctrl/CMD + F pour rechercher + activer le support mpris linux pour - les touches multimédias + [raccourcis personnalisés](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) - pour [utilisateurs avancés](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902) - -- **Passer la chanson non aimée** : passe les chansons non aimées - -- **Passer les silences** : passe automatiquement les sections silencieuses - -- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock) : Saute automatiquement les parties non musicales comme les intros/outros ou - les parties des clips vidéo où la chanson n'est pas jouée - -- **Contrôle multimédia de la barre des tâches** : Contrôlez la lecture depuis - votre [barre des tâches Windows](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png) - -- **TouchBar** : Disposition personnalisée de la TouchBar pour macOS - -- **Tuna OBS** : Intégration avec le - plugin [Tuna](https://obsproject.com/forum/resources/tuna.843/) d'[OBS](https://obsproject.com/) - -- **Changeur de qualité vidéo** : Permet de changer la qualité vidéo avec - un [bouton](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) sur - l'overlay vidéo - -- **Bascule vidéo** : Ajoute - un [bouton](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) pour - basculer entre le mode Vidéo/Chanson. peut également supprimer l'onglet vidéo entier - -- **Visualiseur** : Différents visualiseurs musicaux - -## Traduction - -Vous pouvez aider à la traduction sur [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/). - - - statut de la traduction - statut de la traduction 2 - - -## Téléchargement - -Vous pouvez consulter la [dernière sortie](https://github.com/th-ch/youtube-music/releases/latest) pour trouver rapidement la -dernière version. - -### Arch Linux - -Installez le paquet [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) depuis l'AUR. Pour les instructions d'installation de l'AUR, consultez -cette [page wiki](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages). - -### MacOS - -Vous pouvez installer l'application en utilisant Homebrew (voir la [définition du fût](https://github.com/th-ch/homebrew-youtube-music)) : - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -Si vous installez l'application manuellement et obtenez une erreur "est endommagé et ne peut pas être ouvert." lors du lancement de l'application, exécutez ce qui suit dans le Terminal : - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -Vous pouvez utiliser le [gestionnaire de paquets Scoop](https://scoop.sh) pour installer le paquet `youtube-music` depuis le [seau `extras`](https://github.com/ScoopInstaller/Extras). - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -Alternativement, vous pouvez utiliser [Winget](https://learn.microsoft.com/fr-fr/windows/package-manager/winget/), le gestionnaire de paquets CLI officiel de Windows 11, pour installer le paquet `th-ch.YouTubeMusic`. - -*Note : Microsoft Defender SmartScreen pourrait bloquer l'installation car elle provient d'un "éditeur inconnu". Ceci est également vrai pour l'installation manuelle lors de l'essai d'exécution de l'exécutable (.exe) après un téléchargement manuel ici sur GitHub (même fichier).* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### Comment installer sans connexion réseau ? (sous Windows) - -- Téléchargez le fichier `*.nsis.7z` pour _l'architecture de votre appareil_ sur la [page des versions](https://github.com/th-ch/youtube-music/releases/latest). - - `x64` pour Windows 64 bits - - `ia32` pour Windows 32 bits - - `arm64` pour Windows ARM64 -- Téléchargez l'installeur sur la page des versions. (`*-Setup.exe`) -- Placez-les dans le **même dossier**. -- Exécutez l'installeur. - -## Thèmes - -Vous pouvez charger des fichiers CSS pour changer l'apparence de l'application (Options > Ajustements visuels > Thèmes). - -Certains thèmes prédéfinis sont disponibles sur [https://github.com/kerichdev/themes-for-ytmdesktop-player](https://github.com/kerichdev/themes-for-ytmdesktop-player). - -## Dev - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` -## Créez vos propres plugins - -En utilisant des plugins, vous pouvez : - -- manipuler l'application - la `BrowserWindow` d'Electron est passée au gestionnaire de plugin -- changer le front en manipulant le HTML/CSS - -### Créer un plugin - -Créez un dossier dans `src/plugins/NOM-DE-VOTRE-PLUGIN` : - -- `index.ts` : le fichier principal du plugin -```typescript -import style from './style.css?inline'; // importez le style comme inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Étiquette du plugin', - restartNeeded: true, // si la valeur est vraie, ytmusic affichera la boîte de dialogue de redémarrage - config: { - enabled: false, - }, // votre configuration personnalisée - stylesheets: [style], // votre style personnalisé, - menu: async ({ getConfig, setConfig }) => { - // Toutes les méthodes *Config sont des promesses encapsulées - const config = await getConfig(); - return [ - { - label: 'menu', - submenu: [1, 2, 3].map((value) => ({ - label: `valeur ${value}`, - type: 'radio', - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // vous pouvez communiquer avec le plugin du rendu - ipc.handle('un événement', () => { - return 'bonjour'; - }); - }, - // il est déclenché lorsque la configuration change - onConfigChange(newConfig) { /* ... */ }, - // il est déclenché lorsque le plugin est désactivé - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke('un événement')); - }, - // Seul le crochet disponible pour le rendu - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // définir facilement la configuration du plugin - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config is obtained by `getConfig` method. - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); - -``` - -### Cas d'utilisation courants - -- **Injection de CSS personnalisé** : créez un fichier `style.css` dans le même dossier puis : - -```typescript -// index.ts -import style from './style.css?inline'; // importez le style comme en ligne - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Étiquette du plugin', - restartNeeded: true, // si la valeur est vraie, ytmusic affichera la boîte de dialogue de redémarrage - config: { - enabled: false, - }, // votre configuration personnalisée - stylesheets: [style], // votre style personnalisé - renderer() {} // définissez le crochet de rendu -}); -``` - -- **Si vous voulez modifier le HTML** : - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Étiquette du plugin', - restartNeeded: true, // si la valeur est vraie, ytmusic affichera la boîte de dialogue de redémarrage - config: { - enabled: false, - }, // votre configuration personnalisée - renderer() { - // Supprimez le bouton de connexion - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // définissez le crochet de rendu -}); - -``` - -- **Communication entre le front et le back** : cela peut se faire en utilisant le module ipcMain d'Electron. Voir le fichier `index.ts` et l'exemple dans le plugin `sponsorblock`. - -## Construction - -1. Clonez le dépôt -2. Suivez [ce guide](https://pnpm.io/installation) pour installer `pnpm` -3. Exécutez `pnpm install --frozen-lockfile` pour installer les dépendances -4. Exécutez `pnpm build:OS` - -- `pnpm dist:win` - pour Windows -- `pnpm dist:linux` - pour Linux -- `pnpm dist:mac` - pour MacOS - -Construit l'application pour macOS, Linux et Windows, -en utilisant [electron-builder](https://github.com/electron-userland/electron-builder). - -## Aperçu de la production - -```bash -pnpm start -``` - -## Tests - -```bash -pnpm test -``` - -Utilise [Playwright](https://playwright.dev/) pour tester l'application. - -## Licence - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## FAQ - -### Pourquoi le menu de l'application ne s'affiche-t-il pas ? - -Si l'option `Masquer le menu` est activée - vous pouvez afficher le menu avec la touche alt (ou \` [backtick] si vous utilisez le plugin du menu intégré) diff --git a/docs/readme/README-hu.md b/docs/readme/README-hu.md deleted file mode 100644 index 6b473f87..00000000 --- a/docs/readme/README-hu.md +++ /dev/null @@ -1,374 +0,0 @@ -
- -# YouTube Music - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/eslint.config.mjs) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Bannerkep](https://i.imgur.com/UaZPHqX.png) - - -
- - YouTube Music SVG - -
- -Olvasd el más nyelveken: [🏴 Angol](../../README.md), [🇰🇷 Korea](./README-ko.md), [🇫🇷 Francia](./README-fr.md), [🇮🇸 Izland](./README-is.md), [🇪🇸 Spanyol](./README-es.md), [🇷🇺 Orosz](./README-ru.md), [🇺🇦 Ukrán](./README-uk.md), [🇧🇷 Portugál](./README-pt.md), [🇯🇵 Japán](./README-ja.md) - -**Electron keretrendszerre épülő alkalmazás a YouTube Music számára, amely a következőket kínálja:** - -- Natív megjelenés és élmény, amely az eredeti felület megtartására törekszik -- Egyedi bővítmények keretrendszere: alakítsd át a YouTube Music-ot igényeid szerint (stílus, tartalom, funkciók), engedélyezd/tiltsd le a bővítményeket egy kattintással - -## Bemutató kép - -| Lejátszó ablak (album színtéma és környezeti fény) | -|:---------------------------------------------------------------------------------------------------------:| -|![Bemutatókép1](https://i.imgur.com/Tj4LBwf.png)| - -## Tartalom - -- [Funkciók](#Funkciók) -- [Elérhető bővítmények](#Elérhető-bővítmények) -- [Fordítás](#Fordítás) -- [Letöltés](#Letöltés) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [Hogyan telepítsük hálózati kapcsolat nélkül? (Windows alatt)](#Hogyan-telepítsd-hálózati-kapcsolat-nélkül-Windows) -- [Témák](#Témák) -- [Fejlesztés](#Fejlesztés) -- [Saját bővítmények készítése](#Saját-bővítmények-készítése) - - [Bővítmény létrehozása](#Bővítmény-létrehozása) - - [Gyakori használati esetek](#Gyakori-használati-esetek) -- [Build](#build) -- [Gyártás előnézete](#Gyártás-előnézete) -- [Tesztelés](#Tesztelés) -- [Licenc](#Licenc) -- [GYIK](#GYIK) - -## Funkciók: - -- **Automatikus megerősítés a lejátszás szüneteltetésekor** (Alapból engedélyezve): Kikapcsolja a ["Folytatja a nézést?"](https://i.imgur.com/z2mG0QN.png) - felugró ablakot, amely bizonyos idő után leállítja a zenét. - - - És még sok más ... - -## Elérhető bővítmények: - -- **Reklámblokkoló**: Blokkolja az összes hirdetést és nyomkövetőt. - -- **Album műveletek**: Dislike, Undislike, Like, Unlike gombok hozzáadása, amivel ezt a lejátszási listán vagy albumban lévő összes dalra alkalmazza. - -- **Album színtéma**: Dinamikus téma és vizuális effektek alkalmazása az album színpalettája alapján. - -- **Ambient mód**: Fényhatás alkalmazása a videóból származó lágy színek vetítésével a képernyő hátterére. - -- **Hangtömörítő**: Hang tömörítés alkalmazása. (csökkenti a jel legzajosabb részeinek hangerősségét, és emeli a legcsendesebb részek hangerősségét) - -- **Navigációs sáv elmosása**: Átlátszóvá és elmosódottá teszi a navigációs sávot. - -- **Korellenőrzés kihagyása**: A YouTube korellenőrzését kihagyja, ezáltal nem kel meg erősíteni a zene meghallgatása elött. (automatikusan megerősítve lesz) - -- **Feliratválasztó**: Felirat választó a YouTube Music zenékhez. - -- **Kompakt oldalsáv**: Mindig becsukva tartja a bal oldali sávot, ahol a Kezdőlap, Felfedezés, Könyvtár és egyebek láthatók. (amit bármikor ki lehet nyitni) - -- **Áttünés**: Áttünést biztosít a dalok között, ami folytonossá teszi a zenehallgatást anélkül, hogy érezhető lenne a váltás. - -- **Automatikus lejátszás letiltása**: Ez a funkció kikapcsolja az automatikus lejátszást, így a zenék nem indulnak el maguktól. Amikor egy album vagy egy dal lejátszása véget ér, a következő szám nem kezdődik el automatikusan. (a bővítmény használata során minden zenét manuálisan kell elindítani) - -- **[Discord](https://discord.com/) Rich Presence**: Mutassa meg barátainak, hogy mit hallgat a [Rich Presence](https://i.imgur.com/nCeVQB2.png) segítségével. (Ehez a Discord-on is engedélyezve kel lennie a Tevékenységállapot megosztásának [DC Beállítások -> Tevékenyég-adatvédelem -> Megoszthatod az észlelt tevékenységeidet másokkal]) - -- **Letöltő**: MP3/forrás hanganyag letöltése [közvetlenül az interfészről](https://i.imgur.com/ghqBNVe.png). [(youtube-dl)](https://github.com/ytdl-org/youtube-dl) - -- **Hangszínszabályzó**: Szűrőket ad hozzá, hogy erősítsd vagy csökkentsd bizonyos frekvenciatartományokat. (pl. basszuskiemelés) - -- **Exponenciális hangerő**: A hangerő csúszka [exponenciálissá](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) tételével könnyebbé válik az alacsony hangerő kiválasztása. - -- **Alkalmazáson belüli menü**: [A Menüsáv stílusos, sötét vagy album-színű megjelenítése](https://i.imgur.com/vWvO7Xt.png). - - > (Lásd ezt a [bejegyzést](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709), ha problémád van a menü elérésével, miután engedélyezted ezt a bővítményt és a "menü elrejtése" opciót. - -- **Scrobbler**: Scrobbling támogatást biztosít [Last.fm](https://www.last.fm/) és [ListenBrainz](https://listenbrainz.org/) számára. - -- **Lumia Stream**: [Lumia Stream](https://lumiastream.com/) támogatás hozzáadása. - -- **Lyrics Genius**: Dalszöveg támogatást nyújt a legtöbb dalhoz. - -- **Zene együtt**: Lehetővé teszi a lejátszási listák, dalok megosztását másokkal. Amikor a házigazda lejátszik egy dalt, mindenki ugyanazt a dalt fogja hallani. - -- **Navigáció**: Következő/Vissza navigációs nyilak közvetlenül az interfészbe integrálva, mint a kedvenc böngésződben. - -- **Nincs Google bejelentkezés**: A Bejelentkezés gomb eltávolítása az interfészről (Jobb fentről eltünik a bejelentkezés gomb.) - -- **Értesítések**: Értesítés megjelenítése, amikor egy dal elindul. ([interaktív értesítések](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) elérhetők Windows-on) - -- **Kép a képben**: Lehetővé teszi az alkalmazás kép a képben módra váltását. - -- **Lejátszás sebessége**: Hallgassd gyorsan, hallgassd lassan! [Hozzáad egy csúszkát, amely szabályozza a dal sebességét](https://i.imgur.com/uaNOWOt.png) - -- **Precíz hangerő**: A hangerő precíz szabályozása egérgörgővel/gyorsbillentyűkkel, egy egyedi HUD és testreszabható hangerő csuszka segítségével. - -- **Gyorsbillentyűk (& MPRIS)**: Lehetővé teszi globális gyorsbillentyűk beállítását a lejátszáshoz (lejátszás/szünet/következő/előző), valamint a [média OSD](https://i.imgur.com/o13SpAE.png) kikapcsolását a médiagombok felülírásával. Bekapcsolja a Ctrl/CMD + F billentyűkombinációt a kereséshez, a Linux MPRIS támogatását a médiagombokhoz, és [egyedi gyorsbillentyűket](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) a [haladó felhasználók](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902) számára. - -- **Nem kedvelt dal kihagyása**: Kihagyja a nem kedvelt dalokat. - -- **Csend kihagyása**: Automatikusan átugorja a csendes szakaszokat. - -- [**SzponzorBlokk**](https://github.com/ajayyy/SponsorBlock): Automatikusan átugorja a nem zenei részeket, például az intrókat/outrokat vagy a zenei videók azon részeit, ahol a dal nem szól. - -- **Szinkronizált dalszövegek**: Szinkronizált dalszövegeket biztosít dalokhoz, [LRClib](https://lrclib.net)-hez hasonló szolgáltatókat használva. - -- **Médiavezérlés a tálcán**: Lejátszás vezérlése a [Windows tálcáról](https://i.imgur.com/eolQfnA.png). - -- **TouchBar**: Egyedi TouchBar elrendezés macOS-hoz. - -- **Tuna OBS**: Integráció az [OBS](https://obsproject.com/) [Tuna](https://obsproject.com/forum/resources/tuna.843/) pluginjával. - -- **Videóminőség modosító**: Lehetővé teszi a videó minőségének megváltoztatását egy [gombbal](https://i.imgur.com/UgpgtHL.png) a videó fedvényen. - -- **Videó váltó**: Hozzáad egy [gombot](https://i.imgur.com/288QE1k.png) a Videó/Dal mód közötti váltáshoz. (opcionálisan teljesen eltávolíthatja a videó fület is) - -- **Vizualizáció**: Különböző zenei vizualizációk. - - -## Fordítás - -Segíthetsz a fordításban a [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/) oldalán. - - -Fordítás állapota -Fordítás állapota -Fordítás állapota - - -## Letöltés - -A [legfrissebb kiadás](https://github.com/th-ch/youtube-music/releases/latest) megtekintésével gyorsan megtalálhatod a legújabb verziót. - -### Arch Linux - -Telepítsd a [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) csomagot az AUR-ból. Az AUR telepítési útmutatóját megtalálod ezen a [wiki oldalon](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages). - -### macOS - -Telepítheted az alkalmazást Homebrew segítségével (lásd a [cask definíciót](https://github.com/th-ch/homebrew-youtube-music)): - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -Ha manuálisan telepítetted az alkalmazást, és a következő hibát kapod indításkor: "sérült, és nem nyitható meg./is damaged and can’t be opened.", futtasd az alábbi parancsot a Terminálban: - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -A [Scoop csomagkezelő](https://scoop.sh) segítségével telepítheted a `youtube-music` csomagot az [`extras` tárolóból](https://github.com/ScoopInstaller/Extras). - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -Alternatívaként használhatod a [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/) eszközt, a Windows 11 hivatalos CLI csomagkezelőjét, hogy telepítsd a `th-ch.YouTubeMusic` csomagot. - -*Megjegyzés: A Microsoft Defender SmartScreen figyelmeztethet vagy blokkolhatja a telepítést, mivel az alkalmazás "ismeretlen kiadótól" származik. Ez a figyelmeztetés akkor is megjelenhet, ha manuálisan töltöd le és próbálod futtatni a GitHubról letöltött (.exe) fájlt. Ebben az esetben kattints a "További információ" gombra, majd válaszd a "Futtatás mindenképp" opciót a telepítés folytatásához.* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### Hogyan telepítsd hálózati kapcsolat nélkül? (Windows) - -- Töltsd le a `*.nsis.7z` fájlt a [kiadás oldal](https://github.com/th-ch/youtube-music/releases/latest)ról, amely megfelel az eszközöd architektúrájának: - - `x64` 64 bites Windows-hoz - - `ia32` 32 bites Windows-hoz - - `arm64` ARM64 Windows-hoz -- Töltsd le a telepítőt a [kiadás oldal](https://github.com/th-ch/youtube-music/releases/latest)ról. (`*-Setup.exe`) -- Helyezd mindkét fájlt **ugyanabba a könyvtárba**. -- Futtasd a telepítőt. - -## Témák - -CSS fájlokat tölthetsz be az alkalmazás megjelenésének megváltoztatásához. (Beállítások > Kinézeti beállítások > Téma) - -Néhány előre definiált téma elérhető itt: https://github.com/kerichdev/themes-for-ytmdesktop-player. - -## Fejlesztés - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## Saját bővítmények készítése - -A bővítmények segítségével a következőket teheted: - -- Az alkalmazás manipulálása: Az Electron `BrowserWindow` objektuma átadásra kerül a bővítménykezelőnek. -- Az interfész módosítása: HTML és CSS manipulációval megváltoztathatod az alkalmazás kinézetét. - -### Bővítmény létrehozása - -Hozz létre egy mappát a `src/plugins/YOUR-PLUGIN-NAME` útvonalon: - -- `index.ts`: a bővítmény fő fájlja -```typescript -import style from './style.css?inline'; // import style as inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // if value is true, ytmusic show restart dialog - config: { - enabled: false, - }, // your custom config - stylesheets: [style], // your custom style, - menu: async ({ getConfig, setConfig }) => { - // All *Config methods are wrapped Promise - const config = await getConfig(); - return [ - { - label: 'menu', - submenu: [1, 2, 3].map((value) => ({ - label: `value ${value}`, - type: 'radio', - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // you can communicate with renderer plugin - ipc.handle('some-event', () => { - return 'hello'; - }); - }, - // it fired when config changed - onConfigChange(newConfig) { /* ... */ }, - // it fired when plugin disabled - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke('some-event')); - }, - // Only renderer available hook - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // set plugin config easily - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); -``` - -### Gyakori használati esetek - -- Egyedi CSS injektálása: hozz létre egy `style.css` fájlt ugyanabban a mappában, majd: - -```typescript -// index.ts -import style from './style.css?inline'; // import style as inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // if value is true, ytmusic will show a restart dialog - config: { - enabled: false, - }, // your custom config - stylesheets: [style], // your custom style - renderer() {} // define renderer hook -}); -``` - -- Ha módosítani szeretnéd a HTML-t: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // if value is true, ytmusic will show the restart dialog - config: { - enabled: false, - }, // your custom config - renderer() { - // Remove the login button - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // define renderer hook -}); -``` - -- Az elülső és hátsó rész közötti kommunikáció: Az Electron ipcMain moduljának használatával valósítható meg. Lásd az `index.ts` fájlt és a `sponsorblock` bővítmény példáját. - -## Build - -1. Klónozd a repót -2. Kövesd ezt az [útmutatót](https://pnpm.io/installation), hogy telepítsd a `pnpm` csomagkezelőt. -3. Futtasd a következő parancsot `pnpm install --frozen-lockfile` a kellékek telepítéséhez. -4. Építsd meg az alkalmazást az operációs rendszerednek megfelelő paranccsal: `pnpm build:OS` - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux (amd64) -- `pnpm dist:linux:deb-arm64` - Linux (arm64 Debiánhoz) -- `pnpm dist:linux:rpm-arm64` - Linux (arm64 Fedorához) -- `pnpm dist:mac` - macOS (amd64) -- `pnpm dist:mac:arm64` - macOS (arm64) - -Az alkalmazás építéséhez a [electron-builder](https://github.com/electron-userland/electron-builder) eszközt használáld, amely támogatja a macOS, Linux és Windows platformokat. - -## Gyártás előnézete - -```bash -pnpm start -``` - -## Tesztelés - -```bash -pnpm test -``` - -A [Playwright](https://playwright.dev/) tesztelési keretrendszert használd az alkalmazás teszteléséhez. - -## Licenc - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## GYIK - -### Miért nem jelenik meg az alkalmazás menüje? - -Ha a `menü elrejtése` opció be van kapcsolva, a menüt az alt billentyűvel jelenítheted meg (vagy az ` [fordított idézőjel] billentyűvel, ha az alkalmazáson belüli menü bővítményt használod). diff --git a/docs/readme/README-is.md b/docs/readme/README-is.md deleted file mode 100644 index 29f9875f..00000000 --- a/docs/readme/README-is.md +++ /dev/null @@ -1,390 +0,0 @@ -
- -# YouTube Tónlist - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Screenshot](/web/screenshot.png "Screenshot") - - -
- - YouTube Music SVG - -
- -Lestu þetta á öðrum tungumálum: [🏴 Enska](../../README.md), [🇰🇷 Kóreska](./README-ko.md), [🇫🇷 Franska](./README-fr.md), [🇮🇸 Íslenska](./README-is.md), [🇪🇸 Spænska](./README-es.md), [🇷🇺 Rússneska](./README-ru.md), [🇺🇦 Úkraínska](./README-uk.md), [🇧🇷 Portúgalska](./README-pt.md), [🇭🇺 Ungverska](./README-hu.md) [🇯🇵 Japanska](./README-ja.md) - -**Electron umbúðir utan um YouTube Tónlist sem inniheldur:** - -- Innfæddur útlit og tilfinning, miðar að því að halda upprunalegu viðmótinu -- Rammi fyrir sérsniðnar tengiforrit: breyttu YouTube Tónlist að þínum þörfum (stíl, efni, eiginleikar), virkjaðu/slökktu á viðbætur í - einn smellur - -## Sýnishornsmynd - -| Spilaraskjár (albúmslitaþema & umhverfisljós) | -|:---------------------------------------------------------------------------------------------------------:| -|![Screenshot1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)| - -## Efni - -- [Eiginleikar](#eiginleikar) -- [Tiltæk tengiforrit](#tiltæk-tengiforrit) -- [Þýðing](#þýðing) -- [Sækja](#sækja) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [Hvernig á að setja upp án nettengingar? (í Windows)](#hvernig-á-að-setja-upp-án-nettengingar-í-windows) -- [Þemu](#þemu) -- [Þróun](#þróun) -- [Búðu til þín eigin viðbætur](#búðu-til-þín-eigin-viðbætur) - - [Er að búa til viðbót](#er-að-búa-til-viðbót) - - [Algeng notkunartilvik](#algeng-notkunartilvik) -- [Byggja](#byggja) -- [Framleiðsluforskoðun](#framleiðsluforskoðun) -- [Prófanir](#prófanir) -- [Leyfi](#leyfi) -- [Algengustu spurningar](#algengustu-spurningar) - -## Eiginleikar: - -- **Sjálfvirk staðfesting þegar gert er hlé** (Alltaf virkt): slökkva á - ["Halda áfram að horfa?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png) - popup sem gerir hlé á tónlist eftir ákveðinn tíma - - - Og meira... - -## Tiltæk tengiforrit: - -- **Auglýsingablokkari**: Lokaðu fyrir allar auglýsingar og rakningar úr kassanum - -- **Albúmsaðgerðir**: Bætir Ódíslika, Mislíkt, Líkt, og Ólíkt til að nota þetta á öll lög á spilunarlista eða albúm - -- **Albúmslitaþema**: Beitir kraftmikið þema og sjónrænum áhrifum sem byggjast á litavali albúmsins - -- **Umhverfishamur**: Beitir lýsingaráhrifum með því að varpa mildum litum úr myndbandinu í bakgrunn skjásins - -- **Hljóðþjöppur**: Notaðu þjöppun á hljóð (lækkar hljóðstyrk háværustu hluta merkis og hækkar hljóðstyrk í mýkstu hlutunum) - -- **Þoka Leiðsagnarstika**: Gerir leiðsögustikuna gagnsæja og óskýrt - -- **Farið Framhjá Aldurstakmörkunum**: Framhjá aldursstaðfestingu YouTube - -- **Yfirskriftarval**: Virkja skjátexta - -- **Fyrirferðarlítillhliðarstika**: Stilltu hliðarstikuna alltaf í þétta stillingu - -- **Krossfæra**: Krossfæra á milli lög - -- **Slökkva á Sjálfvirkri Spilun**: Gerir lag að byrja í "hlé" ham - -- **[Discord](https://discord.com/) Rík Nærveru**: Sýndu vinum þínum hvað þú hlustar á - með [Rík Nærveru](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png) - -- **Niðurhalari**: Niðurhalum -MP3 [beint úr viðmótinu](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl) - -- **Veldibundiðrúmmál**: Gerir hljóðstyrkssleðann [veldisvísis](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) - svo það er auðveldara að velja lægra hljóðstyrk. - -- **Valmynd í Forriti**: [Gefur börum flott, dökkt útlit](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (sjá [þessa færslu](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709) ef þú átt í vandræðum - með að fá aðgang að valmyndinni eftir að hafa virkjað þessa viðbót og fela valmyndarvalkostinn) - -- **Scrobbler**: Bætir við scrobbling stuðningi fyrir [Last.fm](https://www.last.fm/) og [ListenBrainz](https://listenbrainz.org/) - -- **Lumia Stream**: Bætir við [Lumia Stream](https://lumiastream.com/) stuðningi - -- **Söngtexti Snilld**: Bætir stuðningi við texta fyrir flest lög - -- **Tónlist Saman**: Deila spilunarlista með öðrum. Þegar gestgjafinn spilar lag munu allir aðrir heyra sama lagið - -- **Leiðsögn**: Næsta/Til baka leiðsagnarörvar beint samþættar í viðmótinu, eins og í uppáhalds vafranum þínum - -- **Engin Google Innskráning**: Fjarlægðu Google innskráningarhnappa og tengla úr viðmótinu - -- **Tilkynningar**: Birta tilkynningu þegar lag byrjar að spila - ([gagnvirkartilkynningar](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) eru fáanlegar á Windows) - -- **Mynd-í-Mynd**: Gerir kleift að skipta forritinu yfir í mynd-í-mynd stillingu - -- **Spilunarhraði**: Hlustaðu hratt, hlustaðu hægt! - [Bætir við sleða sem stjórnar lagahraðanum](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png) - -- **Nákvæmshljóðstyrkur**: Stjórnaðu hljóðstyrknum nákvæmlega með músarhjóli/hraðtökkum, með sérsniðnum HUD og sérsniðnum hljóðstyrksþrepum - -- **Flýtileiðir (og MPRIS)**: Leyfir að stilla alþjóðlegarflýtilyklar fyrir spilun (spila/gera hlé/næsta/fyrri) + - óvirkja [media osd](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png) - með því að hnekkja miðlunarlyklum + virkja Ctrl/CMD + F til að leita + virkja linux mpris stuðning fyrir - miðlunarlyklar + [sérsniðnir flýtilyklar](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) - fyrir [háþróaða notendur](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902) -- **Slepptu Lögum sem Mislíkuðust**: Sleppir mislíkaði lög - -- **Slepptu Þögnum**: Slepptu sjálfkrafa þagnarköflum í lögum - -- [**Styrktarblokk**](https://github.com/ajayyy/SponsorBlock): Sleppur sjálfkrafa hlutum sem ekki eru tónlist, eins og inngangur/lok - eða hlutar af tónlistarmyndböndum þar sem lag er ekki að spila - -- **Miðlunarstýringarverkefnastikunnar**: Stjórnaðu spilun frá [Windows verkefnastikunni þinni](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png) - -- **Snertistiku**: Sérsniðið Snertistikuútlit fyrir macOS - -- **Tuna OBS**: Samþætting við [OBS](https://obsproject.com/) - viðbótina [Tuna](https://obsproject.com/forum/resources/tuna.843/) - -- **Myndbandgæðisbreyting**: Leyfir að breyta myndbandgæðum með - [hnappi](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) á - myndbandsyfirlaginu - -- **Myndbandsrofi**: Bætir við [hnappi](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) til - að skipta á milli myndbands/lagshams. Getur einnig valfrjálst fjarlægt allan myndbandsflipann - -- **Sjónrænir**: Mismunandi tónlist sjónrænir - -## Þýðing - -Þú getur aðstoðað við þýðingar á [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/). - - - translation status - translation status 2 - - -## Sækja - -Þú getur skoðað [nýjustu útgáfuna](https://github.com/th-ch/youtube-music/releases/latest) til að finna fljótt -nýjustu útgáfuna. - -### Arch Linux - -Settu upp [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) pakkann frá AUR. Fyrir AUR uppsetningarleiðbeiningar skaltu skoða -þessa [wiki síðu](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages). - -### MacOS - -Þú getur sett upp appið með því að nota Homebrew (sjá [cask skilgreiningu](https://github.com/th-ch/homebrew-youtube-music)) - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -Ef þú setur upp forritið handvirkt og færð villu "er skemmd og ekki er hægt að opna það," þegar þú ræsir forritið skaltu keyra eftirfarandi í flugstöðinni: - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -Þú getur notað [Scoop pakkastjórnun](https://scoop.sh) til að setja upp `youtube-music` pakkann frá -[`extras` fötunni](https://github.com/ScoopInstaller/Extras). - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -Að öðrum kosti geturðu notað [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/), Windows 11s -opinber CLI pakkastjóri til að setja upp `th-ch.YouTubeMusic` pakkann. - -*Athugið: Microsoft Defender SmartScreen gæti lokað uppsetningunni þar sem hún er frá „óþekktum útgefanda“. Þetta er einnig -satt fyrir handvirka uppsetningu þegar reynt er að keyra executable(.exe) eftir handvirkt niðurhal hér á github (sama -skrá).* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### Hvernig á að setja upp án nettengingar? (í Windows) - -- Sæktu `*.nsis.7z` skrána fyrir _arkitektúr tækisins þíns_ á [útgáfusíðu](https://github.com/th-ch/youtube-music/releases/latest). - - `x64` fyrir 64-bita Windows - - `ia32` fyrir 32-bita Windows - - `arm64` fyrir ARM64 Windows -- Sæktu uppsetningarforrit á útgáfusíðu. (`*-Setup.exe`) -- Settu þær í **sömu möppuna**. -- Keyrðu uppsetningarforritið. - -## Þemu - -Þú getur hlaðið CSS skrám til að breyta útliti forritsins (Valkostir > Sjónræn klip > Þemu). - -Sum fyrirframskilgreind þemu eru fáanleg á https://github.com/kerichdev/themes-for-ytmdesktop-player. - -## Þróun - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## Búðu til þín eigin tengiforrit - -Með því að nota tengiforrit geturðu: - -- vinna með appið - `BrowserWindow` frá electron er sent til tengiforritsstjórans -- breyttu framhliðinni með því að vinna með HTML/CSS - -### Er að búa til tengiforrit - -Búðu til möppu í `src/plugins/YOUR-PLUGIN-NAME`: - -- `index.ts`: aðal skránni af tengiforritið -```typescript -import style from './style.css?inline'; // flytja inn stíl sem inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // ef gildi er satt, ytmusic sjá endurræsa gluggann - config: { - enabled: false, - }, // sérsniðnastillingar þinn - stylesheets: [style], // sérsniðnastílinn þinn - menu: async ({ getConfig, setConfig }) => { - // Allar *stillingaraðferðir eru umvafnar Lofor - const config = await getConfig(); - return [ - { - label: 'menu', - submenu: [1, 2, 3].map((value) => ({ - label: `value ${value}`, - type: 'radio', - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // þú getur tengst við renderer tengiforritið - ipc.handle('some-event', () => { - return 'hello'; - }); - }, - // það kviknaði þegar stillingum var breytt - onConfigChange(newConfig) { /* ... */ }, - // it fired when plugin disabled - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke('some-event')); - }, - // Aðeins krókur sem er í boði fyrir renderer - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // stilltu stillingar viðbótarinnar auðveldlega - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); -``` - -### Algeng notkunartilvik - -- er að sprauta sérsniðnum CSS: búðu til `style.css` skrá í sömu möppu þá: - -```typescript -// index.ts -import style from './style.css?inline'; // flytja inn stíl sem inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // ef gildi er satt, ytmusic sjá endurræsa gluggann - config: { - enabled: false, - }, // sérsniðnastillingar þinn - stylesheets: [style], // sérsniðnastílinn þinn - renderer() {} // skilgreina renderer krók -}); -``` - -- Ef þú vilt breyta HTML: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // ef gildi er satt, ytmusic sjá endurræsa gluggann - config: { - enabled: false, - }, // sérsniðnastillingar þinn - renderer() { - // Fjarlægðu innskráningarhnappinn - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // skilgreina renderer krók -}); -``` - -- samskipti á milli að framan og aftan: hægt að gera með því að nota ipcMain eininguna frá electron. Sjá `index.ts` skrá og - dæmi í 'styrktarblokk' tengiforritinu. - -## Byggja - -1. Klóna geymsluna -2. Fylgdu [þessa handbók](https://pnpm.io/installation) til að setja upp 'pnpm' -3. Keyrðu `pnpm install --frozen-lockfile` til að setja upp ósjálfstæði -4. Keyrðu `pnpm build:OS` - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux -- `pnpm dist:mac` - MacOS - -Byggir appið fyrir macOS, Linux og Windows, -með því að nota [electron-builder](https://github.com/electron-userland/electron-builder). - -## Framleiðsluforskoðun - -```bash -pnpm start -``` - -## Prófanir - -```bash -pnpm test -``` - -Notar [Playwright](https://playwright.dev/) til að prófa forritið. - -## Leyfi - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## Algengustu Spurningar - -### Hvers vegna forritavalmynd birtist ekki? - -Ef valmöguleikinn „Fela valmynd“ er á - þú getur sýnt valmyndina með alt lyklinum (eða \` [bakka] -ef þú notar viðbótina fyrir valmynd í forriti) diff --git a/docs/readme/README-ja.md b/docs/readme/README-ja.md deleted file mode 100644 index 2e326715..00000000 --- a/docs/readme/README-ja.md +++ /dev/null @@ -1,371 +0,0 @@ -
- -# YouTube Music - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Screenshot](/web/screenshot.png "Screenshot") - - -
- - YouTube Music SVG - -
- -他の言語で読む: [🏴 英語](../../README.md), [🇰🇷 韓国語](./README-ko.md), [🇫🇷 フランス語](./README-fr.md), [🇮🇸 アイスランド語](./README-is.md), [🇪🇸 スペイン語](./README-es.md), [🇷🇺 ロシア語](./README-ru.md), [🇺🇦 ウクライナ語](./README-uk.md) - -**YouTube MusicのElectronラッパーには以下の機能があります:** - -- ネイティブの外観と操作感、元のインターフェースを維持することを目指しています -- カスタムプラグインのフレームワーク: スタイル、コンテンツ、機能など、YouTube Musicをニーズに合わせて変更し、ワンクリックでプラグインを有効/無効にできます - -## デモ画像 - -| プレーヤースクリーン (アルバムカラーテーマ & アンビエントライト) | -|:---------------------------------------------------------------------------------------------------------:| -|![Screenshot1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)| - -## コンテンツ - -- [機能](#機能) -- [利用可能なプラグイン](#利用可能なプラグイン) -- [翻訳](#翻訳) -- [ダウンロード](#ダウンロード) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [ネットワーク接続なしでインストールする方法 (Windows)](#ネットワーク接続なしでインストールする方法-windows) -- [テーマ](#テーマ) -- [開発](#開発) -- [独自のプラグインを作成する](#独自のプラグインを作成する) - - [プラグインの作成](#プラグインの作成) - - [一般的な使用例](#一般的な使用例) -- [ビルド](#ビルド) -- [プロダクションプレビュー](#プロダクションプレビュー) -- [テスト](#テスト) -- [ライセンス](#ライセンス) -- [FAQ](#faq) - -## 機能: - -- **一時停止時の自動確認** (常に有効): 一定時間後に音楽を一時停止する["視聴を続けますか？"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png)ポップアップを無効にします - - - その他の機能... - -## 利用可能なプラグイン: - -- **広告ブロッカー**: すべての広告とトラッキングをブロックします - -- **アルバムアクション**: プレイリストやアルバム内のすべての曲に「嫌いではない」「嫌い」「好き」「好きではない」ボタンを追加します - -- **アルバムカラーテーマ**: アルバムのカラーパレットに基づいて動的なテーマと視覚効果を適用します - -- **アンビエントモード**: 動画から柔らかい色を画面の背景に投影するライティング効果を適用します - -- **���ーディオコンプレッサー**: オーディオにコンプレッションを適用します（信号の最も大きな部分の音量を下げ、最も小さな部分の音量を上げます） - -- **ナビゲーションバーのぼかし**: ナビゲーションバーを透明でぼやけたものにします - -- **年齢制限の回避**: YouTubeの年齢確認を回避します - -- **字幕選択**: 字幕を有効にします - -- **コンパクトサイドバー**: サイドバーを常にコンパクトモードに設定します - -- **クロスフェード**: 曲間にクロスフェードを適用します - -- **自動再生の無効化**: すべての曲を「一時停止」モードで開始します - -- **[Discord](https://discord.com/) リッチプレゼンス**: [リッチプレゼンス](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png)を使用して、友達にあなたが聴いている曲を表示します - -- **ダウンローダー**: UIから直接MP3/ソースオーディオをダウンロードします - -- **イコライザー**: 特定の周波数範囲をブーストまたはカットするフィルターを追加します（例: ベースブースター） - -- **指数音量**: 音量スライダーを[指数関数的](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/)にして、低い音量を選択しやすくします - -- **アプリ内メニュー**: [メニューバーをおしゃれで暗い外観にします](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (このプラグインとメニュー非表示オプションを有効にした後、メニューにアクセスする際に問題がある場合は、[この投稿](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709)を参照してください) - -- **スクロブラー**: [Last.fm](https://www.last.fm/)や[ListenBrainz](https://listenbrainz.org/)のスクロブリングサポートを追加します - -- **Lumia Stream**: [Lumia Stream](https://lumiastream.com/)のサポートを追加します - -- **Genius 歌詞**: ほとんどの曲に歌詞サポートを追加します - -- **Music Together**: プレイリストを他の人と共有します。ホストが曲を再生すると、他の全員が同じ曲を聴くことができます - -- **ナビゲーション**: お気に入りのブラウザのように、UIに直接統合された次/前のナビゲーション矢印を追加します - -- **Googleログインなし**: インターフェースからGoogleログインボタンとリンクを削除します - -- **通知**: 曲の再生が開始されると通知を表示します（Windowsでは[インタラクティブ通知](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png)が利用可能です） - -- **ピクチャーインピクチャー**: アプリをピクチャーインピクチャーモードに切り替えることができます - -- **再生速度**: 速く聴いたり、遅く聴いたりできます！曲の速度を制御するスライダーを追加します - -- **正確な音量**: カスタムHUDとカスタマイズ可能な音量ステップを使用して、マウスホイール/ホットキーで音量を正確に制御します - -- **ショートカット (& MPRIS)**: 再生用のグローバルホットキー（再生/一時停止/次/前）を設定し、メディアキーをオーバーライドしてメディアOSDを無効にし、Ctrl/CMD + Fで検索を有効にし、LinuxのMPRISサポートを有効にし、[上級ユーザー](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902)向けの[カスタムホットキー](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50)を追加します - -- **嫌いな曲をスキップ**: 嫌いな曲をスキップします - -- **無音部分をスキップ**: 無音部分を自動的にスキップします - -- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): イントロ/アウトロなどの音楽以外の部分や、曲が再生されていないミュージックビデオの部分を自動的にスキップします - -- **同期歌詞**: [LRClib](https://lrclib.net)のようなプロバイダーを使用して、曲に同期した歌詞を提供します - -- **タスクバーメディアコントロール**: [Windowsタスクバー](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png)から再生を制御します - -- **TouchBar**: macOS用のカスタムTouchBarレイアウト - -- **Tuna OBS**: [OBS](https://obsproject.com/)のプラグイン[Tuna](https://obsproject.com/forum/resources/tuna.843/)との統合 - -- **ビデオ品質チェンジャー**: ビデオオーバーレイの[ボタン](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png)を使用してビデオ品質を変更できます - -- **ビデオ切り替え**: ビデオ/ソングモードを切り替える[ボタン](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png)を追加します。オプションでビデオタブ全体を削除することもできます - -- **ビジュアライザー**: プレイヤーにさまざまな音楽ビジュアライザーを追加します - -## 翻訳 - -[Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/)で翻訳を手伝うことができます。 - - - 翻訳状況 - 翻訳状況 2 - - -## ダウンロード - -[最新リリース](https://github.com/th-ch/youtube-music/releases/latest)を確認して、最新バージョンをすばやく見つけることができます。 - -### Arch Linux - -AURから[`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin)パッケージをインストールします。AURのインストール手順については、この[wikiページ](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages)を参照してください。 - -### macOS - -Homebrewを使用してアプリをインストールできます（[cask定義](https://github.com/th-ch/homebrew-youtube-music)を参照）。 - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -アプリを手動でインストールし、アプリの起動時に「破損しているため開けません」というエラーが表示される場合は、ターミナルで次のコマンドを実行します。 - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -[Scoopパッケージマネージャー](https://scoop.sh)を使用して、[`extras`バケット](https://github.com/ScoopInstaller/Extras)から`youtube-music`パッケージをインストールできます。 - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -または、Windows 11の公式CLIパッケージマネージャーである[Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/)を使用して、`th-ch.YouTubeMusic`パッケージをインストールできます。 - -*注: 「不明な発行元」からのものであるため、Microsoft Defender SmartScreenがインストールをブロックする場合があります。これは、GitHubで手動でダウンロードした後に実行ファイル（.exe）を実行しようとする場合にも当てはまります。* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### ネットワーク接続なしでインストールする方法 (Windows) - -- [リリースページ](https://github.com/th-ch/youtube-music/releases/latest)で_デバイスのアーキテクチャ_に対応する`*.nsis.7z`ファイルをダウンロードします。 - - `x64`は64ビットWindows用 - - `ia32`は32ビットWindows用 - - `arm64`はARM64 Windows用 -- リリースページでインストーラーをダウンロードします。(`*-Setup.exe`) -- それらを**同じディレクトリ**に配置します。 -- インストーラーを実行します。 - -## テーマ - -CSSファイルを読み込んでアプリケーションの外観を変更できます（オプション > 視覚的調整 > テーマ）。 - -いくつかの事前定義されたテーマは、https://github.com/kerichdev/themes-for-ytmdesktop-player で利用できます。 - -## 開発 - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## 独自のプラグインを作成する - -プラグインを使用すると、次のことができます。 - -- アプリを操作する - Electronの`BrowserWindow`がプラグインハンドラーに渡されます -- HTML/CSSを操作してフロントエンドを変更する - -### プラグインの作成 - -`src/plugins/YOUR-PLUGIN-NAME`にフォルダーを作成します。 - -- `index.ts`: プラグインのメインファイル -```typescript -import style from './style.css?inline'; // スタイルをインラインとしてインポート - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'プラグインラベル', - restartNeeded: true, // 値がtrueの場合、ytmusicは再起動ダイアログを表示します - config: { - enabled: false, - }, // カスタム設定 - stylesheets: [style], // カスタムスタイル - menu: async ({ getConfig, setConfig }) => { - // すべての*ConfigメソッドはPromiseでラップされています - const config = await getConfig(); - return [ - { - label: 'メニュー', - submenu: [1, 2, 3].map((value) => ({ - label: `値 ${value}`, - type: 'radio', - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // レンダラープラグインと通信できます - ipc.handle('some-event', () => { - return 'hello'; - }); - }, - // 設定が変更されたときに発生します - onConfigChange(newConfig) { /* ... */ }, - // プラグインが無効になったときに発生します - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke('some-event')); - }, - // レンダラーでのみ使用可能なフック - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // プラグイン設定を簡単に設定 - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); -``` - -### 一般的な使用例 - -- カスタムCSSの挿入: 同じフォルダーに`style.css`ファイルを作成し、次のようにします。 - -```typescript -// index.ts -import style from './style.css?inline'; // スタイルをインラインとしてインポート - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'プラグインラベル', - restartNeeded: true, // 値がtrueの場合、ytmusicは再起動ダイアログを表示します - config: { - enabled: false, - }, // カスタム設定 - stylesheets: [style], // カスタムスタイル - renderer() {} // レンダラーフックを定義 -}); -``` - -- HTMLを変更したい場合: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'プラグインラベル', - restartNeeded: true, // 値がtrueの場合、ytmusicは再起動ダイアログを表示します - config: { - enabled: false, - }, // カスタム設定 - renderer() { - // ログインボタンを削除 - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // レンダラーフックを定義 -}); -``` - -- フロントエンドとバックエンドの通信: ElectronのipcMainモジュールを使用して行うことができます。`index.ts`ファイルと`sponsorblock`プラグインの例を参照してください。 - -## ビルド - -1. リポジトリをクローン -2. [このガイド](https://pnpm.io/installation)に従って`pnpm`をインストール -3. `pnpm install --frozen-lockfile`を実行して依存関係をインストール -4. `pnpm build:OS`を実行 - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux (amd64) -- `pnpm dist:linux:deb-arm64` - Linux (Debian用arm64) -- `pnpm dist:linux:rpm-arm64` - Linux (Fedora用arm64) -- `pnpm dist:mac` - macOS (amd64) -- `pnpm dist:mac:arm64` - macOS (arm64) - -[electron-builder](https://github.com/electron-userland/electron-builder)を使用して、macOS、Linux、およびWindows用のアプリをビルドします。 - -## プロダクションプレビュー - -```bash -pnpm start -``` - -## テスト - -```bash -pnpm test -``` - -[Playwright](https://playwright.dev/)を使用してアプリをテストします。 - -## ライセンス - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## FAQ - -### アプリのメニューが表示されないのはなぜですか？ - -`メニューを非表示`オプションがオンの場合 - altキー（またはアプリ内メニュープラグインを使用している場合は\` [バックティック]キー）でメニューを表示できます diff --git a/docs/readme/README-ko.md b/docs/readme/README-ko.md deleted file mode 100644 index dc3d4c30..00000000 --- a/docs/readme/README-ko.md +++ /dev/null @@ -1,350 +0,0 @@ -
- -# 유튜브 뮤직 (YouTube Music) - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Screenshot](/web/screenshot.png "Screenshot") - - - -다른 언어로 읽어보세요: [🏴 영어](../../README.md), [🇰🇷 한국인](./README-ko.md), [🇫🇷 프랑스 국민](./README-fr.md), [🇮🇸 아이슬란드어](./README-is.md), [🇪🇸 스페인 사람](./README-es.md), [🇷🇺 러시아인](./README-ru.md), [🇺🇦 우크라이나어](./README-uk.md), [🇧🇷 포르투갈어](./README-pt.md), [🇯🇵 일본어](./README-ja.md) - -**유튜브 뮤직의 Electron 래퍼; 기능:** - -- 원래의 인터페이스를 유지하는 것을 목표로 하는 네이티브 디자인 및 느낌 -- 맞춤 플러그인을 위한 프레임워크: 스타일, 콘텐츠, 기능 등 필요에 따라 유튜브 뮤직을 변경하고, 클릭 한 번으로 플러그인을 활성화/비활성화할 수 있습니다. - -## Content - -- [기능](#기능) -- [사용 가능한 플러그인](#사용-가능한-플러그인) -- [번역](#번역) -- [다운로드](#다운로드) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [(Windows에서) 네트워크에 연결하지 않고 설치하는 방법은 무엇인가요?](#windows에서-네트워크에-연결하지-않고-설치하는-방법은-무엇인가요) -- [테마](#테마) -- [개발](#개발) -- [나만의 플러그인 만들기](#나만의-플러그인-만들기) - - [플러그인 만들기](#플러그인-만들기) - - [일반적인 사용 예](#일반적인-사용-예) -- [빌드](#빌드) -- [프로덕션 빌드 미리보기](#프로덕션-빌드-미리보기) -- [테스트](#테스트) -- [라이선스](#라이선스) -- [자주 묻는 질문](#자주-묻는-질문) - -## 기능: - -- **일시 정지 시 자동 확인** (항상 활성화 됨): 일정 시간이 지나면 음악을 일시 정지하는 ["계속 시청하시겠습니까?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png) 팝업을 비활성화합니다. - -- 이외에 더 많은 기능 ... - -## 사용 가능한 플러그인: - -- **애드블록**: 모든 광고와 트래커를 즉시 차단합니다 - -- **앨범 컬러 기반 테마**: 앨범 색상 팔레트를 기반으로 동적 테마 및 시각 효과를 적용합니다 - -- **앰비언트 모드**: 영상의 간접 조명을 화면 배경에 투사합니다. - -- **오디오 컴프레서**: 오디오에 컴프레서를 적용합니다 (신호에서 가장 시끄러운 부분의 음량을 낮추고 가장 조용한 부분의 음량을 높임) - -- **네비게이션 바 흐림 효과**: 내비게이션 바를 투명하고 흐릿하게 만듭니다 - -- **나이 제한 우회**: 유튜브의 나이 제한을 우회합니다 - -- **자막 선택기**: 자막을 활성화합니다 - -- **컴팩트 사이드바**: 사이드바를 항상 컴팩트 모드로 설정합니다 - -- **크로스페이드**: 노래 사이에 크로스페이드 효과를 적용합니다 - -- **자동 재생 해제**: 노래를 '일시 정지' 모드로 시작하게 합니다 - -- [**디스코드 활동 상태**](https://discord.com/): [활동 상태 (Rich Presence)](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png)를 사용하여 친구들에게 내가 듣는 음악을 보여주세요 - -- **다운로더**: UI에서 [직접](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) MP3/소스 오디오를 다운로드하세요 - -- **지수 볼륨**: 음량 슬라이더를 [지수적](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/)으로 만들어 더 낮은 음량을 쉽게 선택할 수 있도록 합니다. - -- **인앱 메뉴**: [메뉴 표시줄을 더 멋지게, 그리고 다크 또는 앨범의 색상으로 만듭니다](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (이 플러그인 및 메뉴 숨기기 옵션을 활성화한 후 메뉴에 액세스하는 데 문제가 있는 경우 [이 글](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709)을 참조하세요) - -- [**Last.fm**](https://www.last.fm/): Last.fm에 대한 스크러블 지원을 추가합니다 - -- **Lumia Stream**: [Lumia Stream](https://lumiastream.com/) 지원을 추가합니다 - -- **Genius 가사**: 더 많은 곡에 대해 가사 지원을 추가합니다 - -- **네비게이션**: 브라우저에서처럼, UI에 직접 통합된 앞으로/뒤로 탐색하는 화살표를 추가합니다 - -- **Google 로그인 제거**: UI에서 Google 로그인 버튼 및 링크 제거하기 - -- **알림**: 노래 재생이 시작되면 알림을 표시 (Windows에서는 [대화형 알림](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) 사용 가능) - -- **PiP**: 앱을 PiP 모드로 전환할 수 있게 허용합니다 - -- **재생 속도**: 빨리 듣거나, 천천히 들어보세요! [노래 속도를 제어하는 슬라이더를 추가합니다](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png) - -- **정확한 음량**: 사용자 지정 HUD와 사용자 지정 음량 단계 및 마우스 휠/단축키를 사용하여 음량을 정확하게 제어하세요 - -- **영상 품질 체인저**: 영상 오버레이의 [버튼](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png)으로 영상 품질을 변경할 수 있게 합니다 - -- **단축키 (& MPRIS)**: 재생을 위한 전역 단축키 설정 허용 (재생/일시 정지/다음/이전) + 미디어 키를 재정의하여 [미디어 osd](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png) 비활성화 + Ctrl/CMD + F 검색 활성화 + 미디어 키에 대한 리눅스 MPRIS 지원 활성화 + [고급 사용자](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902)를 위한 [사용자 지정 단축키](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) 지원 - -- **무음 건너뛰기** - 노래의 무음 부분을 자동으로 건너뜁니다 - -- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): 인트로/아웃트로와 같은 음악이 아닌 부분이나, 노래가 재생되지 않는 뮤직 비디오의 일부를 자동으로 건너뜁니다 - -- **작업표시줄 미디어 컨트롤**: [Windows 작업표시줄](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png)에서 재생을 제어하세요 - -- **TouchBar**: macOS 사용자를 위한 TouchBar 위젯을 추가합니다 - -- **Tuna-OBS**: [OBS](https://obsproject.com/)의 플러그인, [Tuna](https://obsproject.com/forum/resources/tuna.843/)와 통합을 활성화합니다 - -- **영상 전환**: 영상/노래 모드를 전환하는 [버튼](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png)을 추가합니다. 선택적으로 전체 영상 탭을 제거할 수도 있습니다 - -- **비주얼라이저**: 플레이어에 시각화 도구 추가 - -## 번역 - -[Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/)에서 번역을 도울 수 있습니다. - - - 번역 상태 - 번역 상태 2 - - -## 다운로드 - -[최신 릴리즈](https://github.com/th-ch/youtube-music/releases/latest)를 확인하여 최신 버전을 빠르게 찾을 수 있습니다. - -### Arch Linux - -AUR에서 [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) 패키지를 설치합니다. AUR 설치 지침은 [이 위키 페이지](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages)를 참조하세요. - -### MacOS - -Homebrew를 사용하여 앱을 설치할 수 있습니다: -```bash -brew install --cask https://raw.githubusercontent.com/th-ch/youtube-music/master/youtube-music.rb -``` - -(앱을 수동으로 설치하고) 앱을 실행할 때 `손상되었기 때문에 열 수 없습니다.`라는 오류가 발생하면 터미널에서 다음을 실행하세요: - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -[Scoop 패키지 매니저](https://scoop.sh)를 사용하여 [`extras` 버킷](https://github.com/ScoopInstaller/Extras)에서 `youtube-music` 패키지를 설치할 수 있습니다. - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -또는 Windows 11의 공식 CLI 패키지 관리자인 [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/)을 사용하여 `th-ch.YouTubeMusic` 패키지를 설치할 수 있습니다. - -*참고: "알 수 없는 게시자"의 파일이기 때문에 Microsoft Defender의 SmartScreen에서 설치를 차단할 수 있습니다. 이는 GitHub에서 동일 파일을 수동으로 다운로드한 후 실행 파일(.exe)을 실행하려고 할 때도 마찬가지로 발생합니다.* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### (Windows에서) 네트워크에 연결하지 않고 설치하는 방법은 무엇인가요? - -- [릴리즈 페이지](https://github.com/th-ch/youtube-music/releases/latest)에서 _본인 기기 아키텍처_에 맞는 `*.nsis.7z` 파일을 다운로드하세요. - - `x64`는 64비트 Windows 용입니다. - - `ia32`는 32비트 Windows 용입니다. - - `arm64`는 ARM64 Windows 용입니다. -- 릴리즈 페이지에서 설치기를 다운로드하세요. (`*-Setup.exe`) -- 두 파일을 **동일한 위치**에 놓아주세요. -- 설치기를 실행하세요. - -## 테마 - -CSS 파일을 로드하여 애플리케이션의 모양을 변경할 수 있습니다(설정 > 시각적 변경 > 테마). - -일부 사전 정의 테마는 https://github.com/kerichdev/themes-for-ytmdesktop-player 에서 사용할 수 있습니다. - -## 개발 - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## 나만의 플러그인 만들기 - -플러그인을 사용하면 할 수 있는 것들: - -- 앱 조작 - Electron에서 `BrowserWindow`가 플러그인 핸들러로 전달 -- HTML/CSS를 조작하여 프론트엔드를 변경 - -### 플러그인 만들기 - -`plugins/나만의-플러그인-이름`에 폴더를 만듭니다: - -- `index.ts`: 플러그인의 메인 파일입니다. -```typescript -import style from './style.css?inline'; // 스타일을 인라인으로 가져옵니다 - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // 값이 true면, YTM은 재시작 다이얼로그를 표시합니다 - config: { - enabled: false, - }, // 나의 커스텀 config - stylesheets: [style], // 나의 스타일 - menu: async ({ getConfig, setConfig }) => { - // 모든 *Config 메서드는 Promise로 래핑됩니다 - const config = await getConfig(); - return [ - { - label: 'menu', - submenu: [1, 2, 3].map((value) => ({ - label: `value ${value}`, - type: 'radio', - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // 이를 사용하여 렌더러 플러그인과 통신할 수 있습니다 - ipc.handle('some-event', () => { - return 'hello'; - }); - }, - // config가 변경되면 실행됩니다 - onConfigChange(newConfig) { /* ... */ }, - // 플러그인이 비활성화되면 실행됩니다 - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke('some-event')); - }, - // 렌더러에서만 사용 가능한 훅입니다 - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // 플러그인의 config를 간단하게 설정할 수 있습니다 - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); -``` - -### 일반적인 사용 예 - -- 사용자 정의 CSS 삽입: 같은 폴더에 `style.css` 파일을 생성합니다: - -```typescript -// index.ts -import style from './style.css?inline'; // 스타일을 인라인으로 가져옵니다 - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // 값이 true면, YTM은 재시작 다이얼로그를 표시합니다 - config: { - enabled: false, - }, // 나의 커스텀 config - stylesheets: [style], // 나의 커스텀 스타일 - renderer() {} // 렌더러 훅 정의 -}); -``` - -- HTML을 변경하려는 경우: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // 값이 true면, YTM은 재시작 다이얼로그를 표시합니다 - config: { - enabled: false, - }, // 나의 커스텀 config - renderer() { - // 로그인 버튼을 제거합니다 - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // 렌더러 훅 정의 -}); -``` - -- 프론트엔드와 백엔드 간의 통신: Electron의 `ipcMain` 모듈을 사용하여 수행할 수 있습니다. `SponsorBlock` 플러그인의 `index.ts` 파일과 예제를 참조하세요. - -## 빌드 - -1. 레포지토리를 복제 (clone) 합니다 -2. [이 가이드](https://pnpm.io/installation)에 따라 `pnpm`을 설치합니다. -3. `pnpm install --frozen-lockfile`을 실행하여 종속성을 설치합니다. -4. `pnpm build:OS`을 실행합니다. - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux -- `pnpm dist:mac` - MacOS - -[electron-builder](https://github.com/electron-userland/electron-builder)를 사용하여 macOS, Linux 및 Windows용 앱을 빌드합니다. - -## 프로덕션 빌드 미리보기 - -```bash -pnpm start -``` - -## 테스트 - -```bash -pnpm test -``` - -[Playwright](https://playwright.dev/)를 사용하여 앱을 테스트합니다. - -## 라이선스 - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## 자주 묻는 질문 - -### 앱 메뉴가 표시되지 않는 이유는 무엇인가요? - -`메뉴 숨기기` 옵션이 켜져 있는 경우 - alt 키(또는 인앱 메뉴 플러그인을 사용하는 경우 \` [백틱] 키)로 메뉴를 표시할 수 있습니다. diff --git a/docs/readme/README-pt.md b/docs/readme/README-pt.md deleted file mode 100644 index 0728ccff..00000000 --- a/docs/readme/README-pt.md +++ /dev/null @@ -1,375 +0,0 @@ -
- -# YouTube Music - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Screenshot](/web/screenshot.png "Screenshot") - - - - -Leia em outros idiomas: [🏴 Inglês](../../README.md), [🇰🇷 Coreano](./README-ko.md), [🇫🇷 Francês](./README-fr.md), [🇮🇸 Islandês](./README-is.md), [🇪🇸 Espanhol](./README-es.md), [🇷🇺 Russo](./README-ru.md), [🇺🇦 Ucraniano](./README-uk.md), [🇧🇷 Português](./README-pt.md) - -**Wrapper do Electron para o YouTube Music com os seguintes recursos:** - -- Visual e comportamento nativos: Mantém a interface original do YouTube Music. -- Estrutura para plugins personalizados: Adapte o YouTube Music às suas necessidades (estilo, conteúdo, funcionalidades). Ative/desative plugins com um clique. - -## Imagem de demonstração - -| Tela do Player (tema de cores do álbum e luz ambiente) | -|:---------------------------------------------------------------------------------------------------------:| -|![Screenshot1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)| - -## Conteúdo - -- [Recursos](#recursos) -- [Plugins disponíveis](#plugins-disponíveis) -- [Tradução](#tradução) -- [Download](#download) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [Como instalar sem conexão à internet? (no Windows)](#como-instalar-sem-conexão-à-internet-no-windows) -- [Temas](#temas) -- [Dev](#dev) -- [Crie seus próprios plugins](#crie-seus-próprios-plugins) - - [Criando um plugin](#criando-um-plugin) - - [Casos de uso comuns](#casos-de-uso-comuns) -- [Compilar](#compilar) -- [Prévia de produção](#prévia-de-produção) -- [Testes](#testes) -- [Licença](#licença) -- [Perguntas Frequentes](#perguntas-frequentes) - -## Recursos: - -- **Confirmação automática quando pausado** (Sempre ativado): desativa - o popup ["Continuar assistindo?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png) - que pausa a música após um certo tempo - -- E mais... - -## Plugins disponíveis: - -- **Bloqueador de anúncios**: Bloqueia todos os anúncios e rastreamentos automaticamente - -- **Ações de Álbum**: Adiciona botões para Remover dislike, Dar dislike, Curtir e Remover curtida em todas as músicas de uma playlist ou álbum - -- **Tema de cores do álbum**: Aplica um tema dinâmico e efeitos visuais baseados na paleta de cores do álbum - -- **Modo ambiente**: Cria um efeito de iluminação projetando cores suaves do vídeo no fundo da tela - -- **Compressor de áudio**: Aplica compressão ao áudio (reduz o volume das partes mais altas e aumenta o das mais baixas) - -- **Barra de navegação desfocada**: Torna a barra de navegação transparente e desfocada - -- **Contornar restrições de idade**: Ignora a verificação de idade do YouTube - -- **Seletor de legendas**: Ativa legendas - -- **Barra lateral compacta**: Mantém a barra lateral sempre no modo compacto - -- **Crossfade**: Transição suave entre músicas - -- **Desativar reprodução automática**: Faz com que todas as músicas iniciem no modo "pausado" - -- **[Discord](https://discord.com/) Rich Presence**: Mostra para seus amigos o que você está ouvindo com [Rich Presence](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png) - -- **Downloader**: Baixa MP3 [diretamente da interface](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl) - -- **Equalizador**: Adiciona filtros para aumentar ou reduzir faixas específicas de frequência (ex: reforço de graves) - -- **Volume exponencial**: Torna o controle de volume [exponencial](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) para facilitar a seleção de volumes mais baixos - -- **Menu integrado**: [Dá às barras um visual elegante e escuro](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (veja [este post](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709) se tiver problemas para acessar o menu após ativar este plugin e a opção de ocultar menu) - -- **Scrobbler**: Adiciona suporte para scrobbling no [Last.fm](https://www.last.fm/) e [ListenBrainz](https://listenbrainz.org/) - -- **Lumia Stream**: Adiciona suporte para [Lumia Stream](https://lumiastream.com/) - -- **Letras Genius**: Adiciona suporte a letras para a maioria das músicas - -- **Música Juntos**: Compartilhe uma playlist com outros. Quando o host toca uma música, todos ouvem a mesma música - -- **Navegação**: Botões de avançar/voltar integrados diretamente na interface, como no seu navegador favorito - -- **Sem login do Google**: Remove botões e links de login do Google da interface - -- **Notificações**: Exibe uma notificação quando uma música começa a tocar ([notificações interativas](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) disponíveis no Windows) - -- **Picture-in-picture**: Permite alternar o aplicativo para o modo picture-in-picture - -- **Velocidade de reprodução**: Ouça rápido, ouça devagar! [Adiciona um controle deslizante para ajustar a velocidade](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png) - -- **Volume preciso**: Controle o volume com precisão usando roda do mouse/atalhos, com HUD personalizado e níveis de volume customizáveis - -- **Atalhos (& MPRIS)**: Permite configurar teclas de atalho globais para controle (play/pause/próxima/anterior) + desativa [OSD de mídia](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png) sobrescrevendo teclas de mídia + ativa Ctrl/CMD + F para busca + suporte a MPRIS no Linux para teclas de mídia + [atalhos personalizados](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) para [usuários avançados](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902) - -- **Pular músicas marcadas com "não gostei"**: Ignora automaticamente músicas que você deu dislike - -- **Pular silêncios**: Ignora automaticamente seções silenciosas - -- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): Ignora automaticamente partes não musicais como introduções/outros ou partes de clipes onde a música não está tocando - -- **Letras sincronizadas**: Fornece letras sincronizadas para músicas, usando serviços como [LRClib](https://lrclib.net) - -- **Controle de mídia na barra de tarefas**: Controle a reprodução pela [barra de tarefas do Windows](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png) - -- **TouchBar**: Layout personalizado para a TouchBar do macOS - -- **Tuna OBS**: Integração com o plugin [Tuna](https://obsproject.com/forum/resources/tuna.843/) do [OBS](https://obsproject.com/) - -- **Seletor de qualidade de vídeo**: Permite alterar a qualidade do vídeo com um [botão](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) na sobreposição do vídeo - -- **Alternar vídeo**: Adiciona um [botão](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) para alternar entre modos Vídeo/Música. Pode também remover completamente a aba de vídeo - -- **Visualizador**: Diferentes visualizadores de música - -## Tradução - -Você pode ajudar com as traduções no [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/). - - - status da tradução - status da tradução 2 - - -## Download - -Você pode verificar o [último lançamento](https://github.com/th-ch/youtube-music/releases/latest) para encontrar rapidamente a versão mais recente. - -### Arch Linux - -Instale o pacote [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) do AUR. Para instruções de instalação do AUR, consulte esta [página da wiki](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages). - -### macOS - -Você pode instalar o aplicativo usando Homebrew (veja a [definição do cask](https://github.com/th-ch/homebrew-youtube-music)): - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -Se você instalar o aplicativo manualmente e receber o erro "is damaged and can’t be opened." ao abrir o app, execute o seguinte no Terminal: - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -Você pode usar o [gerenciador de pacotes Scoop](https://scoop.sh) para instalar o pacote `youtube-music` do [`extras bucket`](https://github.com/ScoopInstaller/Extras). - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -Alternativamente, você pode usar o [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/), o gerenciador de pacotes CLI oficial do Windows 11, para instalar o pacote `th-ch.YouTubeMusic`. - -*Nota: O Microsoft Defender SmartScreen pode bloquear a instalação por ser de um "publicador desconhecido". Isso também acontece na instalação manual ao tentar executar o arquivo .exe após download manual aqui no GitHub (mesmo arquivo).* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### Como instalar sem conexão à internet? (no Windows) - -- Baixe o arquivo `*.nsis.7z` para _sua arquitetura de dispositivo_ na [página de lançamentos](https://github.com/th-ch/youtube-music/releases/latest). - - `x64` para Windows 64-bit - - `ia32` para Windows 32-bit - - `arm64` para Windows ARM64 -- Baixe o instalador na página de lançamentos (`*-Setup.exe`) -- Coloque os arquivos no **mesmo diretório** -- Execute o instalador - -## Temas - -Você pode carregar arquivos CSS para alterar a aparência do aplicativo (Opções > Ajustes Visuais > Temas). - -Alguns temas pré-definidos estão disponíveis em https://github.com/kerichdev/themes-for-ytmdesktop-player. - -## Dev - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## Crie seus próprios plugins - -Usando plugins, você pode: - -- Manipular o aplicativo - o `BrowserWindow` do electron é passado para o manipulador de plugins -- Alterar a interface manipulando o HTML/CSS - -### Criando um plugin - -Crie uma pasta em `src/plugins/NOMBRE-DEL-PLUGIN`: - -- `index.ts`: o arquivo principal do plugin -```typescript -import style from './style.css?inline'; // importar estilo como inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: "Plugin Label", - restartNeeded: true, // se true, o ytmusic mostra diálogo de reinício - config: { - enabled: false, - }, // sua configuração personalizada - stylesheets: [style], // seu estilo personalizado - menu: async ({ getConfig, setConfig }) => { - // Todos os métodos *Config são wrappers Promise - const config = await getConfig(); - return [ - { - label: "menu", - submenu: [1, 2, 3].map((value) => ({ - label: `value ${value}`, - type: "radio", - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // você pode se comunicar com o plugin renderer - ipc.handle("some-event", () => { - return "hello"; - }); - }, - // disparado quando a configuração muda - onConfigChange(newConfig) { /* ... */ }, - // disparado quando o plugin é desativado - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke("some-event")); - }, - // Hook disponível apenas no renderer - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // establecer la configuración del plugin fácilmente - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); - -``` - -### Casos de uso comuns - -- **Injetar CSS personalizado**: crie um arquivo `style.css` na mesma pasta e então: - -```typescript -// index.ts -import style from './style.css?inline'; // importa estilo como inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // se true, o ytmusic mostrará um diálogo de reinício - config: { - enabled: false, - }, // sua configuração personalizada - stylesheets: [style], // seu estilo personalizado - renderer() {} // define o hook renderer -}); -``` - -- Se quiser alterar o HTML: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // se true, o ytmusic mostrará o diálogo de reinício - config: { - enabled: false, - }, // sua configuração personalizada - renderer() { - // Remove o botão de login - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // define o hook renderer -}); -``` - -- Comunicação entre front-end e back-end: pode ser feita usando o módulo ipcMain do Electron. Consulte o arquivo `index.ts` e o exemplo no plugin `sponsorblock`. - -## Compilar - -1. Clone o repositório -2. Siga [este guia](https://pnpm.io/installation) para instalar o `pnpm` -3. Execute `pnpm install --frozen-lockfile` para instalar as dependências -4. Execute `pnpm build:OS` - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux (amd64) -- `pnpm dist:linux:deb-arm64` - Linux (arm64 para Debian) -- `pnpm dist:linux:rpm-arm64` - Linux (arm64 para Fedora) -- `pnpm dist:mac` - macOS (amd64) -- `pnpm dist:mac:arm64` - macOS (arm64) - -Compila o aplicativo para macOS, Linux e Windows, -usando [electron-builder](https://github.com/electron-userland/electron-builder). - -## Prévia de Produção - -```bash -pnpm start -``` - -## Testes - -```bash -pnpm test -``` - -Utiliza [Playwright](https://playwright.dev/) para testar o aplicativo. - -## Licença - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## Perguntas Frequentes - -### Por que o menu do aplicativo não aparece? - -Se a opção `Ocultar menu` estiver ativada - você pode exibir o menu com a tecla alt (ou \` [acento grave] se estiver usando o plugin in-app-menu) diff --git a/docs/readme/README-ru.md b/docs/readme/README-ru.md deleted file mode 100644 index 93e7ea86..00000000 --- a/docs/readme/README-ru.md +++ /dev/null @@ -1,374 +0,0 @@ -
- -# YouTube Music - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/.eslintrc.js) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Screenshot](/web/screenshot.png "Screenshot") - - - - -Прочтите это на других языках: [🏴 Английский](../../README.md), [🇰🇷 корейский](./README-ko.md), [🇫🇷 Французский](./README-fr.md), [🇮🇸 исландский](./README-is.md), [🇪🇸 испанский](./README-es.md), [🇷🇺 Русский](./README-ru.md), [🇺🇦 Украинский](./README-uk.md), [🇧🇷 Португальский](./README-pt.md) - -**Клиент для YouTube Music основанный на Electron с поддержкой:** - -- Нативный вид приложения, нацелен на сохранение оригинального интерфейса -- Фреймворк для пользовательских плагинов: изменяйте YouTube Music под ваши нужды (внешний вид, контент, возможности), включайте/выключайте плагины в один клик - -## Демо-изображение - -| Экран плеера (цветовая тема альбома & режим Ambient) | -|:---------------------------------------------------------------------------------------------------------:| -|![Screenshot1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)| - -## Содержание - -- [Возможности](#Возможности) -- [Доступные плагины](#Доступные-плагины) -- [Перевод](#Перевод) -- [Скачать](#Скачать) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [Как установить без подключения к интернету? (в Windows)](#Установка-без-подключения-к-Интернету-в-Windows) -- [Темы](#Темы) -- [Для разработчиков](#Для-разработчиков) -- [Создайте свои собственные плагины](#Создайте-свои-собственные-плагины) - - [Создание плагина](#Создание-плагина) - - [Примеры использования](#Примеры-использования) -- [Сборка](#Сборка) -- [Предварительный просмотр](#Предварительный-просмотр) -- [Тестирование](#Тестирование) -- [Лицензия](#Лицензия) -- [Часто задаваемые вопросы](#Часто-задаваемые-вопросы) - -## Возможности: - -- **Авто-подтверждение при паузе** (Всегда включено): отключает всплывающие уведомление ["Продолжить просмотр?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png), - которое приостанавливает воспроизведение через определённое время - - - И больше ... - -## Доступные плагины: - -- **Блокировщик рекламы**: Блокирует всю рекламу и трекеры - -- **Действия с альбомом**: Добавляет кнопки "Убрать дизлайк", "Дизлайк", "Лайк", "Убрать лайк" и применяет их действия ко всем трекам в плейлисте или альбоме - -- **Цветовая тема альбома**: Применяет динамическую тему и эффекты, основываясь на цветовой палитре альбома - -- **Режим Ambient**: Применяет световой эффект, проецируя нежные цвета из видео на задний фон вашего экрана - -- **Нормализация аудио**: Применяет нормализацию к аудио (уменьшает громкость громких частей трека и повышает громкость тихих частей трека) - -- **Размытие панели навигации**: Делает панель навигации прозрачной и размытой - -- **Обход возрастных ограничений**: Обходит проверку возраста YouTube - -- **Выбор субтитров**: Включить субтитры - -- **Компактная боковая панель**: Всегда показывать боковую панель компактно - -- **Плавный переход**: Плавный переход между треками - -- **Отключить автопроигрыш**: Каждый трек начинается в режиме паузы - -- **[Discord](https://discord.com/) Rich Presence**: Показывает вашим друзьям, что вы слушаете с помощью [Rich Presence](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png) - -- **Загрузчик**: Загрузка MP3 [напрямую из интерфейса](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl) - -- **Расширенная громкость**: Делает слайдер громкости [расширенным](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/) облегчая выбор громкости - -- **Меню в приложении**: [Придаёт панели меню красивый тёмный вид](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (посмотрите [этот пост,](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709) если у вас есть проблемы с доступом к меню после включения этого плагина и опции "Скрыть меню") - -- **Скробблер**: Добавляет поддержку скробблинга [Last.fm](https://www.last.fm/) и [ListenBrainz](https://listenbrainz.org/) - -- **Lumia Stream**: Добавляет поддержку [Lumia Stream](https://lumiastream.com/) - -- **Тесты песен Genius**: Добавляет поддержку текстов для большинства песен - -- **Music Together**: Делитесь плейлистом с другими. Когда ведущий воспроизводит трек, все остальные будут слушать этот же трек. - -- **Навигация**: Кнопки Назад/Вперед интегрированы в интерфейс, как в вашем любимом браузере - -- **Без входа в систему Google**: Убирает из интерфейса кнопки и ссылки для входа через Google - -- **Уведомления**: Показывает уведомление, когда трек начинает играть ([интерактивные уведомления](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) доступны только для Windows) - -- **Картинка в картинке**: Позволяет переключить приложение в режим "картинка в картинке" - -- **Скорость воспроизведения**: Слушайте быстрее, слушайте медленнее! [Добавляет слайдер для контроля скорости трека](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png) - -- **Точная громкость**: Точечно управляйте громкостью с помощью колеса мыши/горячих клавиш, с кастомным интерфейсом и настраиваемыми шагами громкости - -- **Ярлыки (и MPRIS)**: Позволяет настроить глобальные горячие клавиши управления воспроизведением (плей/пауза/следующий/предыдущий) + отключает [отображение медиа на экране,](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png) переопределяя клавиши управления + включает Ctrl/CMD + F для поиска + включает поддержку linux mpris для клавиш управления медиа + [настраиваемые сочетания клавиш](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) для [продвинутых пользователей](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902) - -- **Пропускать непонравившиеся треки**: Пропускает непонравившиеся треки - -- **Пропуск тишины**: Автоматически пропускает тихие моменты в песнях - -- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): Автоматически пропускает немузыкальные части, такие как интро/аутро музыкальных видео, где трек не играет - -- **Управление воспроизведением из панели задач**: Управляйте воспроизведением из [панели задач Windows](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png) - -- **TouchBar**: Кастомная раскладка TouchBar для MacOS - -- **Tuna OBS**: Интеграция с [OBS](https://obsproject.com/) плагином [Tuna](https://obsproject.com/forum/resources/tuna.843/) - -- **Изменение качества видео**: Позволяет менять качество видео [кнопкой](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) на медиаплеере видео - -- **Переключатель видео**: Добавляет - [кнопку](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) переключения режимов Трек/Видео. Также может удалять вкладку "Видео" полностью - -- **Визуализатор**: Различные визуализаторы музыки - -- **Synced Lyrics**: -Предоставляет синхронизированные слова для песен из таких источников, как [LRClib](https://lrclib.net). - -## Перевод - -Вы можете помочь с переводом на ваш язык на [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/). - - - translation status - translation status 2 - - -## Скачать - -Вы можете посмотреть [latest release,](https://github.com/th-ch/youtube-music/releases/latest) чтобы быстро найти новую версию. - -### Arch Linux - -Установите пакет [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) из AUR. Инструкции по установке из AUR можете найти на этой [вики-странице](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages). - -### macOS - -Вы можете установить приложение с помощью Homebrew (сморите [cask definition](https://github.com/th-ch/homebrew-youtube-music)): - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -Если вы устанавливаете приложение вручную и получаете ошибку "is damaged and can’t be opened.", запустите в терминале следующую команду: - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -Вы можете использовать [пакетный менеджер Scoop](https://scoop.sh) для установки пакета `youtube-music` из [`extras` bucket](https://github.com/ScoopInstaller/Extras). - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -Также для установки вы можете использовать [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/), официальный пакетный менеджер командной строки Windows 11, для установки пакета `th-ch.YouTubeMusic`. - -*К сведению: SmartScreen защитника Windows может блокировать установку, так как она от "неизвестного издателя". Это также применимо к методу ручной установки, когда вы пытаетесь запустить исполняемый файл(.exe) после загрузки здесь, на GitHub (тот же файл).* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### Установка без подключения к Интернету? (в Windows) - -- Скачайте файл `*.nsis.7z` из _архетиктура вашего устройства_ на [release page](https://github.com/th-ch/youtube-music/releases/latest). - - `x64` для 64-bit Windows - - `ia32` для 32-bit Windows - - `arm64` для ARM64 Windows -- Скачайте установщик в release page. (`*-Setup.exe`) -- Поместите их в **одной директории**. -- Запустите установщик. - -## Темы - -Вы можете загрузить файл CSS для смены внешнего вида приложения (Настройки > Визуальные настройки > Тема). - -Некоторые предустановленные темы доступны здесь: https://github.com/kerichdev/themes-for-ytmdesktop-player. - -## Для разработчиков - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## Создайте свои собственные плагины - -Используя плагины вы можете: - -- Манипулировать приложением - `BrowserWindow` из electron проброшен обработчику плагинов -- Изменять внешний вид, манипулируя HTML/CSS - -### Создание плагина - -Создайте директорию в `src/plugins/YOUR-PLUGIN-NAME`: - -- `index.ts`: основной файл плагина -```typescript -import style from './style.css?inline'; // import style as inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // if value is true, ytmusic show restart dialog - config: { - enabled: false, - }, // your custom config - stylesheets: [style], // your custom style, - menu: async ({ getConfig, setConfig }) => { - // All *Config methods are wrapped Promise - const config = await getConfig(); - return [ - { - label: 'menu', - submenu: [1, 2, 3].map((value) => ({ - label: `value ${value}`, - type: 'radio', - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // you can communicate with renderer plugin - ipc.handle('some-event', () => { - return 'hello'; - }); - }, - // it fired when config changed - onConfigChange(newConfig) { /* ... */ }, - // it fired when plugin disabled - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke('some-event')); - }, - // Only renderer available hook - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // set plugin config easily - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); -``` - -### Примеры использования - -- Кастомный CSS: создайте файл `style.css` в той же директории, затем: - -```typescript -// index.ts -import style from './style.css?inline'; // import style as inline - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // if value is true, ytmusic will show a restart dialog - config: { - enabled: false, - }, // your custom config - stylesheets: [style], // your custom style - renderer() {} // define renderer hook -}); -``` - -- Если вы хотите изменить HTML: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Plugin Label', - restartNeeded: true, // if value is true, ytmusic will show the restart dialog - config: { - enabled: false, - }, // your custom config - renderer() { - // Remove the login button - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // define renderer hook -}); -``` - -- обмен между фронтом и бэком может быть выполнен с помощью модуля ipcMain из electron. Смотрите файл `index.ts` и - пример в плагине `sponsorblock`. - -## Сборка - -1. Склонируйте репозиторий -2. Следуйте [этой инструкции,](https://pnpm.io/installation) чтобы установить `pnpm` -3. Запустите `pnpm install --frozen-lockfile` для установки зависимостей -4. Запустите `pnpm build:OS` - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux (amd64) -- `pnpm dist:linux:deb-arm64` - Linux (arm64 for Debian) -- `pnpm dist:linux:rpm-arm64` - Linux (arm64 for Fedora) -- `pnpm dist:mac` - macOS (amd64) -- `pnpm dist:mac:arm64` - macOS (arm64) - -Сборка приложения для macOS, Linux, и Windows, -используя [electron-builder](https://github.com/electron-userland/electron-builder). - -## Предварительный просмотр - -```bash -pnpm start -``` - -## Тестирование - -```bash -pnpm test -``` - -Использует [Playwright](https://playwright.dev/) для тестирования приложения. - -## Лицензия - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## Часто задаваемые вопросы - -### Почему меня приложения не отображается? - -Если опция `Скрыть меню` включена - вы можете отобразить меню с помощью клавиши alt (или \` [обратный апостроф], если используете плагин "Меню в приложении") diff --git a/docs/readme/README-uk.md b/docs/readme/README-uk.md deleted file mode 100644 index ce32f3a0..00000000 --- a/docs/readme/README-uk.md +++ /dev/null @@ -1,372 +0,0 @@ -
- -# YouTube Music - -[![GitHub release](https://img.shields.io/github/release/th-ch/youtube-music.svg?style=for-the-badge&logo=youtube-music)](https://github.com/th-ch/youtube-music/releases/) -[![GitHub license](https://img.shields.io/github/license/th-ch/youtube-music.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/license) -[![eslint code style](https://img.shields.io/badge/code_style-eslint-5ed9c7.svg?style=for-the-badge)](https://github.com/th-ch/youtube-music/blob/master/eslint.config.mjs) -[![Build status](https://img.shields.io/github/actions/workflow/status/th-ch/youtube-music/build.yml?branch=master&style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![GitHub All Releases](https://img.shields.io/github/downloads/th-ch/youtube-music/total?style=for-the-badge&logo=youtube-music)](https://GitHub.com/th-ch/youtube-music/releases/) -[![AUR](https://img.shields.io/aur/version/youtube-music-bin?color=blueviolet&style=for-the-badge&logo=youtube-music)](https://aur.archlinux.org/packages/youtube-music-bin) -[![Known Vulnerabilities](https://snyk.io/test/github/th-ch/youtube-music/badge.svg)](https://snyk.io/test/github/th-ch/youtube-music) - -
- -![Знімок екрана](/web/screenshot.png "Знімок екрана") - - - - -Прочитайте це іншими мовами: [🏴 Англійська](../../README.md), [🇰🇷 Корейська](./README-ko.md), [🇫🇷 Французька](./README-fr.md), [🇮🇸 Ісландська](./README-is.md), [🇪🇸 Іспанська](./README-es.md), [🇷🇺 Російська](./README-ru.md), [🇺🇦 Українська](./README-uk.md), [🇭🇺 Угорська](./README-hu.md), [🇧🇷 Португальська](./README-pt.md), [🇯🇵 Японська](./README-ja.md) - -**Клієнт YouTube Music на основі Electron, що має:** - -- Нативний вигляд і функціонал, що має на меті зберегти оригінальний інтерфейс -- Фреймворк для користувацьких плагінів: змінюйте YouTube Music відповідно до ваших потреб (стиль, вміст, функції), вмикайте/вимикайте плагіни одним клацанням миші - -## Демонстраційне зображення - -| Екран плеєра (колірна тема альбому та режим Ambient) | -|:---------------------------------------------------------------------------------------------------------:| -|![Screenshot1](https://github.com/th-ch/youtube-music/assets/16558115/53efdf73-b8fa-4d7b-a235-b96b91ea77fc)| - -## Зміст - -- [Можливості](#Можливості) -- [Доступні плагіни](#Доступні-плагіни) -- [Переклад](#Переклад) -- [Завантажити](#Завантажити) - - [Arch Linux](#arch-linux) - - [MacOS](#macos) - - [Windows](#windows) - - [Як встановити без підключення до Інтернету? (у Windows)](#Встановлення-без-підключення-до-Інтернету-у-Windows) -- [Теми](#Теми) -- [Розробка](#Розробка) -- [Створіть власні плагіни](#Створіть-власні-плагіни) - - [Створення плагіна](#Створення-плагіна) - - [Поширені випадки використання](#Поширені-випадки-використання) -- [Збірка](#Збірка) -- [Попередній перегляд для producción](#Попередній-перегляд-для-production) -- [Тести](#Тести) -- [Ліцензія](#Ліцензія) -- [Поширені запитання](#Поширені-запитання) - -## Можливості: - -- **Автоматичне підтвердження під час паузи** (Завжди ввімкнено): вимикає спливаюче вікно ["Продовжити перегляд?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png), - яке призупиняє музику через певний час - - - Та багато іншого... - -## Доступні плагіни: - -- **Блокувальник реклами**: Блокує всю рекламу та відстеження «з коробки» - -- **Дії з альбомом**: Додає кнопки «Скасувати "Не подобається"», «Не подобається», «Подобається» та «Скасувати "Подобається"», щоб застосувати це до всіх пісень у списку відтворення або альбомі - -- **Колірна тема альбому**: Застосовує динамічну тему та візуальні ефекти на основі колірної палітри альбому - -- **Режим Ambient**: Застосовує ефект освітлення, проектуючи м'які кольори з відео на фон екрана - -- **Аудіокомпресор**: Застосовує компресію до аудіо (знижує гучність найгучніших частин сигналу та підвищує гучність найтихіших частин) - -- **Розмиття панелі навігації**: робить панель навігації прозорою та розмитою - -- **Обхід вікових обмежень**: обходить перевірку віку YouTube - -- **Вибір субтитрів**: Увімкнути субтитри - -- **Компактна бічна панель**: Завжди встановлювати бічну панель у компактному режимі - -- **Плавний перехід**: Плавний перехід між піснями - -- **Вимкнути автопрогравання**: Кожна пісня починається в режимі "пауза" - -- **[Discord](https://discord.com/) Rich Presence**: Покажіть друзям, що ви слухаєте, за допомогою [Rich Presence](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png) - -- **Завантажувач**: завантажує MP3 [безпосередньо з інтерфейсу](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl) - -- **Експоненціальна гучність**: Робить повзунок гучності [експоненціальним](https://greasyfork.org/en/scripts/397686-youtube-music-fix-volume-ratio/), щоб було легше вибирати нижчу гучність - -- **Меню в програмі**: [надає панелям модного, темного вигляду](https://user-images.githubusercontent.com/78568641/112215894-923dbf00-8c29-11eb-95c3-3ce15db27eca.png) - - > (дивіться [цей пост](https://github.com/th-ch/youtube-music/issues/410#issuecomment-952060709), якщо у вас виникли проблеми з доступом до меню після ввімкнення цього плагіна та опції приховування меню) - -- **Скробблер**: Додає підтримку скробблінгу для [Last.fm](https://www.last.fm/) та [ListenBrainz](https://listenbrainz.org/) - -- **Lumia Stream**: Додає підтримку [Lumia Stream](https://lumiastream.com/) - -- **Тексти пісень Genius**: Додає підтримку текстів для більшості пісень - -- **Музика разом**: Поділіться списком відтворення з іншими. Коли хост відтворює пісню, всі інші чутимуть ту саму пісню - -- **Навігація**: Стрілки навігації «Вперед»/«Назад» безпосередньо інтегровані в інтерфейс, як у вашому улюбленому браузері - -- **Без входу в Google**: Видаляє кнопки та посилання для входу в Google з інтерфейсу - -- **Сповіщення**: Відображає сповіщення, коли починає грати пісня ([інтерактивні сповіщення](https://user-images.githubusercontent.com/78568641/114102651-63ce0e00-98d0-11eb-9dfe-c5a02bb54f9c.png) доступні у Windows) - -- **Картинка в картинці**: дозволяє перемикати програму в режим «картинка в картинці» - -- **Швидкість відтворення**: Слухайте швидко, слухайте повільно! [Додає повзунок, який контролює швидкість пісні](https://user-images.githubusercontent.com/61631665/129976003-e55db5ba-bf42-448c-a059-26a009775e68.png) - -- **Точна гучність**: Точно керуйте гучністю за допомогою коліщатка миші/гарячих клавіш, з власним HUD та настроюваними кроками гучності - -- **Гарячі клавіші (та MPRIS)**: Дозволяє встановлювати глобальні гарячі клавіші для відтворення (відтворення/пауза/наступна/попередня) + вимкнути [екранне меню медіа](https://user-images.githubusercontent.com/84923831/128601225-afa38c1f-dea8-4209-9f72-0f84c1dd8b54.png) шляхом перевизначення медіаклавіш + увімкнути Ctrl/CMD + F для пошуку + увімкнути підтримку mpris у Linux для медіаклавіш + [власні гарячі клавіші](https://github.com/Araxeus/youtube-music/blob/1e591d6a3df98449bcda6e63baab249b28026148/providers/song-controls.js#L13-L50) для [досвідчених користувачів](https://github.com/th-ch/youtube-music/issues/106#issuecomment-952156902) - -- **Пропускати пісні, що не сподобалися**: Пропускає пісні, які вам не сподобалися - -- **Пропускати тишу**: Автоматично пропускати тихі фрагменти - -- [**SponsorBlock**](https://github.com/ajayyy/SponsorBlock): Автоматично пропускає немузичні частини, такі як інтро/аутро, або частини музичних відео, де пісня не грає - -- **Керування медіа на панелі завдань**: Керуйте відтворенням з [панелі завдань Windows](https://user-images.githubusercontent.com/78568641/111916130-24a35e80-8a82-11eb-80c8-5021c1aa27f4.png) - -- **TouchBar**: Власний макет TouchBar для macOS - -- **Tuna OBS**: Інтеграція з плагіном [Tuna](https://obsproject.com/forum/resources/tuna.843/) для [OBS](https://obsproject.com/) - -- **Зміна якості відео**: Дозволяє змінювати якість відео за допомогою [кнопки](https://user-images.githubusercontent.com/78568641/138574366-70324a5e-2d64-4f6a-acdd-dc2a2b9cecc5.png) на відеопрогравачі - -- **Перемикач відео**: Додає [кнопку](https://user-images.githubusercontent.com/28893833/173663950-63e6610e-a532-49b7-9afa-54cb57ddfc15.png) для перемикання між режимом відео/пісні. Також може опціонально видалити всю вкладку відео - -- **Візуалізатор**: Різні музичні візуалізатори - -- **Синхронізовані тексти**: Надає синхронізовані тексти пісень, використовуючи такі джерела, як [LRClib](https://lrclib.net). - -## Переклад - -Ви можете допомогти з перекладом на [Hosted Weblate](https://hosted.weblate.org/projects/youtube-music/). - - - статус перекладу - статус перекладу 2 - - -## Завантажити - -Ви можете переглянути [останній реліз](https://github.com/th-ch/youtube-music/releases/latest), щоб швидко знайти найновішу версію. - -### Arch Linux - -Встановіть пакет [`youtube-music-bin`](https://aur.archlinux.org/packages/youtube-music-bin) з AUR. Інструкції щодо встановлення з AUR можна знайти на цій [сторінці вікі](https://wiki.archlinux.org/index.php/Arch_User_Repository#Installing_packages). - -### macOS - -Ви можете встановити програму за допомогою Homebrew (дивіться [визначення cask](https://github.com/th-ch/homebrew-youtube-music)): - -```bash -brew install th-ch/youtube-music/youtube-music -``` - -Якщо ви встановлюєте програму вручну та отримуєте помилку "is damaged and can’t be opened.", запустіть у Терміналі таку команду: - -```bash -/usr/bin/xattr -cr /Applications/YouTube\ Music.app -``` - -### Windows - -Ви можете використовувати [менеджер пакунків Scoop](https://scoop.sh) для встановлення пакунка `youtube-music` з [`extras` bucket](https://github.com/ScoopInstaller/Extras). - -```bash -scoop bucket add extras -scoop install extras/youtube-music -``` - -Крім того, ви можете використовувати [Winget](https://learn.microsoft.com/en-us/windows/package-manager/winget/), офіційний менеджер пакунків командного рядка Windows 11, для встановлення пакунка `th-ch.YouTubeMusic`. - -*Примітка: Microsoft Defender SmartScreen може блокувати встановлення, оскільки воно від "невідомого видавця". Це також стосується ручного встановлення під час спроби запустити виконуваний файл (.exe) після ручного завантаження тут, на GitHub (той самий файл).* - -```bash -winget install th-ch.YouTubeMusic -``` - -#### Як встановити без підключення до Інтернету? (у Windows) - -- Завантажте файл `*.nsis.7z` для _архітектури вашого пристрою_ зі [сторінки релізів](https://github.com/th-ch/youtube-music/releases/latest). - - `x64` для 64-розрядної Windows - - `ia32` для 32-розрядної Windows - - `arm64` для ARM64 Windows -- Завантажте інсталятор зі сторінки релізів. (`*-Setup.exe`) -- Розмістіть їх в **одному каталозі**. -- Запустіть інсталятор. - -## Теми - -Ви можете завантажити файли CSS, щоб змінити вигляд програми (Опції > Візуальні налаштування > Теми). - -Деякі попередньо визначені теми доступні за адресою https://github.com/kerichdev/themes-for-ytmdesktop-player. - -## Розробка - -```bash -git clone https://github.com/th-ch/youtube-music -cd youtube-music -pnpm install --frozen-lockfile -pnpm dev -``` - -## Створіть власні плагіни - -Використовуючи плагіни, ви можете: - -- маніпулювати програмою - `BrowserWindow` з Electron передається обробнику плагінів -- змінювати фронтенд, маніпулюючи HTML/CSS - -### Створення плагіна - -Створіть теку в `src/plugins/НАЗВА_ВАШОГО_ПЛАГІНА`: - -- `index.ts`: основний файл плагіна -```typescript -import style from './style.css?inline'; // імпортувати стиль як вбудований - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Назва плагіна', - restartNeeded: true, // якщо значення true, ytmusic покаже діалогове вікно перезапуску - config: { - enabled: false, - }, // ваша власна конфігурація - stylesheets: [style], // ваш власний стиль, - menu: async ({ getConfig, setConfig }) => { - // Усі методи *Config є обгорнутими Promise - const config = await getConfig(); - return [ - { - label: 'меню', - submenu: [1, 2, 3].map((value) => ({ - label: `значення ${value}`, - type: 'radio', - checked: config.value === value, - click() { - setConfig({ value }); - }, - })), - }, - ]; - }, - backend: { - start({ window, ipc }) { - window.maximize(); - - // ви можете спілкуватися з плагіном рендерера - ipc.handle('some-event', () => { - return 'hello'; - }); - }, - // викликається при зміні конфігурації - onConfigChange(newConfig) { /* ... */ }, - // викликається при вимкненні плагіна - stop(context) { /* ... */ }, - }, - renderer: { - async start(context) { - console.log(await context.ipc.invoke('some-event')); - }, - // Хук, доступний лише для рендерера - onPlayerApiReady(api: YoutubePlayer, context: RendererContext) { - // легко встановити конфігурацію плагіна - context.setConfig({ myConfig: api.getVolume() }); - }, - onConfigChange(newConfig) { /* ... */ }, - stop(_context) { /* ... */ }, - }, - preload: { - async start({ getConfig }) { - const config = await getConfig(); - }, - onConfigChange(newConfig) {}, - stop(_context) {}, - }, -}); -``` - -### Поширені випадки використання - -- ін'єкція власного CSS: створіть файл `style.css` у тій самій теці, а потім: - -```typescript -// index.ts -import style from './style.css?inline'; // імпортувати стиль як вбудований - -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Назва плагіна', - restartNeeded: true, // якщо значення true, ytmusic покаже діалогове вікно перезапуску - config: { - enabled: false, - }, // ваша власна конфігурація - stylesheets: [style], // ваш власний стиль - renderer() {} // визначити хук рендерера -}); -``` - -- Якщо ви хочете змінити HTML: - -```typescript -import { createPlugin } from '@/utils'; - -export default createPlugin({ - name: 'Назва плагіна', - restartNeeded: true, // якщо значення true, ytmusic покаже діалогове вікно перезапуску - config: { - enabled: false, - }, // ваша власна конфігурація - renderer() { - // Видалити кнопку входу - document.querySelector(".sign-in-link.ytmusic-nav-bar").remove(); - } // визначити хук рендерера -}); -``` - -- зв'язок між фронтендом та бекендом: можна здійснити за допомогою модуля ipcMain з Electron. Дивіться файл `index.ts` та - приклад у плагіні `sponsorblock`. - -## Збірка - -1. Клонуйте репозиторій -2. Дотримуйтесь [цієї інструкції](https://pnpm.io/installation), щоб встановити `pnpm` -3. Запустіть `pnpm install --frozen-lockfile` для встановлення залежностей -4. Запустіть `pnpm build:OS` - -- `pnpm dist:win` - Windows -- `pnpm dist:linux` - Linux (amd64) -- `pnpm dist:linux:deb-arm64` - Linux (arm64 для Debian) -- `pnpm dist:linux:rpm-arm64` - Linux (arm64 для Fedora) -- `pnpm dist:mac` - macOS (amd64) -- `pnpm dist:mac:arm64` - macOS (arm64) - -Збирає програму для macOS, Linux та Windows, -використовуючи [electron-builder](https://github.com/electron-userland/electron-builder). - -## Попередній перегляд для production - -```bash -pnpm start -``` - -## Тести - -```bash -pnpm test -``` - -Використовує [Playwright](https://playwright.dev/) для тестування програми. - -## Ліцензія - -MIT © [th-ch](https://github.com/th-ch/youtube-music) - -## Поширені запитання - -### Чому меню програми не відображається? - -Якщо опція `Приховати меню` увімкнена - ви можете показати меню клавішею Alt (або \` [зворотний апостроф], якщо використовуєте плагін "Меню в програмі") diff --git a/docs/style/fonts.css b/docs/style/fonts.css deleted file mode 100644 index fac73089..00000000 --- a/docs/style/fonts.css +++ /dev/null @@ -1,53 +0,0 @@ -/* hebrew */ -@font-face { - font-family: 'Heebo'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H0TbFhsqMA6aw.woff2) format('woff2'); - unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; -} - -/* latin */ -@font-face { - font-family: 'Heebo'; - font-style: normal; - font-weight: 400; - src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H2TbFhsqMA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -/* hebrew */ -@font-face { - font-family: 'Heebo'; - font-style: normal; - font-weight: 700; - src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H0TbFhsqMA6aw.woff2) format('woff2'); - unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F; -} - -/* latin */ -@font-face { - font-family: 'Heebo'; - font-style: normal; - font-weight: 700; - src: url(https://fonts.gstatic.com/s/heebo/v9/NGS6v5_NC0k9P9H2TbFhsqMA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} - -/* latin-ext */ -@font-face { - font-family: 'Oxygen'; - font-style: normal; - font-weight: 700; - src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDcZG1Wl4LcnbuCNWgzZmW5Kb8VZBHR.woff2) format('woff2'); - unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; -} - -/* latin */ -@font-face { - font-family: 'Oxygen'; - font-style: normal; - font-weight: 700; - src: url(https://fonts.gstatic.com/s/oxygen/v10/2sDcZG1Wl4LcnbuCNWgzaGW5Kb8VZA.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; -} diff --git a/docs/style/style.css b/docs/style/style.css deleted file mode 100644 index 1106ca62..00000000 --- a/docs/style/style.css +++ /dev/null @@ -1,1890 +0,0 @@ -html { - line-height: 1.15; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -figcaption, -figure, -main { - display: block; -} - -figure { - margin: 1em 40px; -} - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -pre { - font-family: monospace, monospace; - font-size: 1em; -} - -a { - background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -abbr[title] { - border-bottom: none; - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -b, -strong { - font-weight: inherit; -} - -b, -strong { - font-weight: bolder; -} - -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -dfn { - font-style: italic; -} - -mark { - background-color: #ff0; - color: #000; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -audio, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -img { - border-style: none; -} - -svg:not(:root) { - overflow: hidden; -} - -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; -} - -button, -input { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -progress { - display: inline-block; - vertical-align: baseline; -} - -textarea { - overflow: auto; -} - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - padding: 0; -} - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -details, -menu { - display: block; -} - -summary { - display: list-item; -} - -canvas { - display: inline-block; -} - -template { - display: none; -} - -[hidden] { - display: none; -} - -html { - box-sizing: border-box; -} - -*, -*:before, -*:after { - box-sizing: inherit; -} - -body { - background: #3f4042; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -hr { - border: 0; - display: block; - height: 1px; - background: #3f4042; - margin-top: 24px; - margin-bottom: 24px; -} - -ul, -ol { - margin-top: 0; - margin-bottom: 24px; - padding-left: 24px; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li > ul, -li > ol { - margin-bottom: 0; -} - -dl { - margin-top: 0; - margin-bottom: 24px; -} - -dt { - font-weight: 600; -} - -dd { - margin-left: 24px; - margin-bottom: 24px; -} - -img { - height: auto; - max-width: 100%; - vertical-align: middle; -} - -figure { - margin: 24px 0; -} - -figcaption { - font-size: 16px; - line-height: 24px; - padding: 8px 0; -} - -img, -svg { - display: block; -} - -table { - border-collapse: collapse; - margin-bottom: 24px; - width: 100%; -} - -tr { - border-bottom: 1px solid #e4e8ee; -} - -th { - text-align: left; -} - -th, -td { - padding: 10px 16px; -} - -th:first-child, -td:first-child { - padding-left: 0; -} - -th:last-child, -td:last-child { - padding-right: 0; -} - -html { - font-size: 20px; - line-height: 30px; -} - -body { - color: #b7bbc1; - font-size: 1rem; -} - -body, -button, -input, -select, -textarea { - font-family: "Heebo", sans-serif; -} - -a { - color: #c3352e; - text-decoration: none; -} - -a:hover, -a:active { - outline: 0; - text-decoration: underline; -} - -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - clear: both; - color: #fff; - font-family: "Oxygen", sans-serif; - font-weight: 600; -} - -h1, -.h1 { - font-size: 38px; - line-height: 48px; - letter-spacing: 0px; -} - -@media (min-width: 641px) { - h1, - .h1 { - font-size: 44px; - line-height: 54px; - letter-spacing: 0px; - } -} - -h2, -.h2 { - font-size: 32px; - line-height: 42px; - letter-spacing: 0px; -} - -@media (min-width: 641px) { - h2, - .h2 { - font-size: 38px; - line-height: 48px; - letter-spacing: 0px; - } -} - -h3, -.h3, -blockquote { - font-size: 28px; - line-height: 34px; - letter-spacing: 0px; -} - -@media (min-width: 641px) { - h3, - .h3, - blockquote { - font-size: 32px; - line-height: 42px; - letter-spacing: 0px; - } -} - -h4, -.h4 { - font-size: 28px; - line-height: 34px; - letter-spacing: 0px; -} - -h5, -.h5, -h6, -.h6 { - font-size: 20px; - line-height: 30px; - letter-spacing: -0.1px; -} - -@media (max-width: 640px) { - .h1-mobile { - font-size: 38px; - line-height: 48px; - letter-spacing: 0px; - } - - .h2-mobile { - font-size: 32px; - line-height: 42px; - letter-spacing: 0px; - } - - .h3-mobile { - font-size: 28px; - line-height: 34px; - letter-spacing: 0px; - } - - .h4-mobile { - font-size: 28px; - line-height: 34px; - letter-spacing: 0px; - } - - .h5-mobile, - .h6-mobile { - font-size: 20px; - line-height: 30px; - letter-spacing: -0.1px; - } -} - -.text-light { - color: #606483; -} - -.text-light a { - color: #606483; -} - -.text-light h1, -.text-light h2, -.text-light h3, -.text-light h4, -.text-light h5, -.text-light h6, -.text-light .h1, -.text-light .h2, -.text-light .h3, -.text-light .h4, -.text-light .h5, -.text-light .h6 { - color: #fff !important; -} - -.text-sm { - font-size: 18px; - line-height: 27px; - letter-spacing: -0.1px; -} - -.text-xs { - font-size: 16px; - line-height: 24px; - letter-spacing: -0.1px; -} - -h1, -h2, -.h1, -.h2 { - margin-top: 48px; - margin-bottom: 16px; -} - -h3, -.h3 { - margin-top: 36px; - margin-bottom: 12px; -} - -h4, -h5, -h6, -.h4, -.h5, -.h6 { - margin-top: 24px; - margin-bottom: 4px; -} - -p { - margin-top: 0; - margin-bottom: 24px; -} - -dfn, -cite, -em, -i { - font-style: italic; -} - -blockquote { - color: #b7bbc1; - font-style: italic; - margin-top: 24px; - margin-bottom: 24px; - margin-left: 24px; -} - -blockquote::before { - content: "\201C"; -} - -blockquote::after { - content: "\201D"; -} - -blockquote p { - display: inline; -} - -address { - color: #b7bbc1; - border-width: 1px 0; - border-style: solid; - border-color: #e4e8ee; - padding: 24px 0; - margin: 0 0 24px; -} - -pre, -pre h1, -pre h2, -pre h3, -pre h4, -pre h5, -pre h6, -pre .h1, -pre .h2, -pre .h3, -pre .h4, -pre .h5, -pre .h6 { - font-family: "Courier 10 Pitch", Courier, monospace; -} - -pre, -code, -kbd, -tt, -var { - background: #f3f4ff; -} - -pre { - font-size: 16px; - line-height: 24px; - margin-bottom: 1.6em; - max-width: 100%; - overflow: auto; - padding: 24px; - margin-top: 24px; - margin-bottom: 24px; -} - -code, -kbd, -tt, -var { - font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; - font-size: 16px; - padding: 2px 4px; -} - -abbr, -acronym { - cursor: help; -} - -mark, -ins { - text-decoration: none; -} - -small { - font-size: 18px; - line-height: 27px; - letter-spacing: -0.1px; -} - -b, -strong { - font-weight: 600; -} - -button, -input, -select, -textarea, -label { - font-size: 20px; - line-height: 30px; -} - -.container, -.container-sm { - width: 100%; - margin: 0 auto; - padding-left: 16px; - padding-right: 16px; -} - -@media (min-width: 481px) { - .container, - .container-sm { - padding-left: 24px; - padding-right: 24px; - } -} - -.container { - max-width: 1128px; -} - -.container-sm { - max-width: 848px; -} - -.container .container-sm { - max-width: 800px; - padding-left: 0; - padding-right: 0; -} - -.screen-reader-text { - clip: rect(1px, 1px, 1px, 1px); - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - word-wrap: normal !important; -} - -.screen-reader-text:focus { - border-radius: 2px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - display: block; - font-size: 14px; - letter-spacing: 0px; - font-weight: 600; - line-height: 16px; - text-decoration: none; - text-transform: uppercase; - background-color: #fff; - color: #c3352e !important; - border: none; - height: auto; - left: 8px; - padding: 16px 40px; - top: 8px; - width: auto; - z-index: 100000; -} - -.list-reset { - list-style: none; - padding: 0; -} - -.text-left { - text-align: left; -} - -.text-center { - text-align: center; -} - -.text-right { - text-align: right; -} - -.text-primary { - color: #c3352e; -} - -.text-secondary { - color: #ff6c50; -} - -.has-top-divider { - position: relative; -} - -.has-top-divider::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - display: block; - height: 1px; - background: #e4e8ee; -} - -.has-bottom-divider { - position: relative; -} - -.has-bottom-divider::after { - content: ""; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - display: block; - height: 1px; - background: #e4e8ee; -} - -.m-0 { - margin: 0; -} - -.mt-0 { - margin-top: 0; -} - -.mr-0 { - margin-right: 0; -} - -.mb-0 { - margin-bottom: 0; -} - -.ml-0 { - margin-left: 0; -} - -.m-8 { - margin: 8px; -} - -.mt-8 { - margin-top: 8px; -} - -.mr-8 { - margin-right: 8px; -} - -.mb-8 { - margin-bottom: 8px; -} - -.ml-8 { - margin-left: 8px; -} - -.m-16 { - margin: 16px; -} - -.mt-16 { - margin-top: 16px; -} - -.mr-16 { - margin-right: 16px; -} - -.mb-16 { - margin-bottom: 16px; -} - -.ml-16 { - margin-left: 16px; -} - -.m-24 { - margin: 24px; -} - -.mt-24 { - margin-top: 24px; -} - -.mr-24 { - margin-right: 24px; -} - -.mb-24 { - margin-bottom: 24px; -} - -.ml-24 { - margin-left: 24px; -} - -.m-32 { - margin: 32px; -} - -.mt-32 { - margin-top: 32px; -} - -.mr-32 { - margin-right: 32px; -} - -.mb-32 { - margin-bottom: 32px; -} - -.ml-32 { - margin-left: 32px; -} - -.m-40 { - margin: 40px; -} - -.mt-40 { - margin-top: 40px; -} - -.mr-40 { - margin-right: 40px; -} - -.mb-40 { - margin-bottom: 40px; -} - -.ml-40 { - margin-left: 40px; -} - -.m-48 { - margin: 48px; -} - -.mt-48 { - margin-top: 48px; -} - -.mr-48 { - margin-right: 48px; -} - -.mb-48 { - margin-bottom: 48px; -} - -.ml-48 { - margin-left: 48px; -} - -.m-56 { - margin: 56px; -} - -.mt-56 { - margin-top: 56px; -} - -.mr-56 { - margin-right: 56px; -} - -.mb-56 { - margin-bottom: 56px; -} - -.ml-56 { - margin-left: 56px; -} - -.m-64 { - margin: 64px; -} - -.mt-64 { - margin-top: 64px; -} - -.mr-64 { - margin-right: 64px; -} - -.mb-64 { - margin-bottom: 64px; -} - -.ml-64 { - margin-left: 64px; -} - -.p-0 { - padding: 0; -} - -.pt-0 { - padding-top: 0; -} - -.pr-0 { - padding-right: 0; -} - -.pb-0 { - padding-bottom: 0; -} - -.pl-0 { - padding-left: 0; -} - -.p-8 { - padding: 8px; -} - -.pt-8 { - padding-top: 8px; -} - -.pr-8 { - padding-right: 8px; -} - -.pb-8 { - padding-bottom: 8px; -} - -.pl-8 { - padding-left: 8px; -} - -.p-16 { - padding: 16px; -} - -.pt-16 { - padding-top: 16px; -} - -.pr-16 { - padding-right: 16px; -} - -.pb-16 { - padding-bottom: 16px; -} - -.pl-16 { - padding-left: 16px; -} - -.p-24 { - padding: 24px; -} - -.pt-24 { - padding-top: 24px; -} - -.pr-24 { - padding-right: 24px; -} - -.pb-24 { - padding-bottom: 24px; -} - -.pl-24 { - padding-left: 24px; -} - -.p-32 { - padding: 32px; -} - -.pt-32 { - padding-top: 32px; -} - -.pr-32 { - padding-right: 32px; -} - -.pb-32 { - padding-bottom: 32px; -} - -.pl-32 { - padding-left: 32px; -} - -.p-40 { - padding: 40px; -} - -.pt-40 { - padding-top: 40px; -} - -.pr-40 { - padding-right: 40px; -} - -.pb-40 { - padding-bottom: 40px; -} - -.pl-40 { - padding-left: 40px; -} - -.p-48 { - padding: 48px; -} - -.pt-48 { - padding-top: 48px; -} - -.pr-48 { - padding-right: 48px; -} - -.pb-48 { - padding-bottom: 48px; -} - -.pl-48 { - padding-left: 48px; -} - -.p-56 { - padding: 56px; -} - -.pt-56 { - padding-top: 56px; -} - -.pr-56 { - padding-right: 56px; -} - -.pb-56 { - padding-bottom: 56px; -} - -.pl-56 { - padding-left: 56px; -} - -.p-64 { - padding: 64px; -} - -.pt-64 { - padding-top: 64px; -} - -.pr-64 { - padding-right: 64px; -} - -.pb-64 { - padding-bottom: 64px; -} - -.pl-64 { - padding-left: 64px; -} - -.sr .has-animations .is-revealing { - visibility: hidden; -} - -.button { - display: inline-flex; - font-size: 14px; - letter-spacing: 0px; - font-weight: 700; - line-height: 16px; - text-decoration: none !important; - text-transform: uppercase; - background-color: #fff; - background: #fff; - color: #c3352e !important; - border: none; - border-radius: 2px; - cursor: pointer; - justify-content: center; - padding: 16px 40px; - height: 48px; - text-align: center; - white-space: nowrap; -} - -.button:active { - outline: 0; -} - -.button::before { - border-radius: 2px; -} - -.button-shadow { - position: relative; -} - -.button-shadow::before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 8px 16px rgba(22, 30, 42, 0.12); - mix-blend-mode: multiply; - transition: box-shadow 0.15s ease; -} - -.button-shadow:hover::before { - box-shadow: 0 8px 16px rgba(22, 30, 42, 0.16); -} - -.button-sm { - padding: 8px 24px; - height: 32px; -} - -.button-sm.button-shadow::before { - box-shadow: 0 4px 16px rgba(22, 30, 42, 0.12); -} - -.button-sm.button-shadow:hover::before { - box-shadow: 0 4px 16px rgba(22, 30, 42, 0.16); -} - -.button-primary, -.button-secondary { - color: #fff !important; - transition: background 0.15s ease; -} - -.button-primary { - background: #c3352e; -} - -.button-primary:hover { - background: #ac362e; -} - -.button-primary.button-shadow::before { - box-shadow: 0 8px 16px rgba(66, 52, 248, 0.24); -} - -.button-primary.button-shadow:hover::before { - box-shadow: 0 8px 16px rgba(66, 52, 248, 0.32); -} - -.button-primary .button-sm.button-shadow::before { - box-shadow: 0 4px 16px rgba(66, 52, 248, 0.24); -} - -.button-primary .button-sm.button-shadow:hover::before { - box-shadow: 0 4px 16px rgba(66, 52, 248, 0.32); -} - -.button-secondary { - background: #ff6c50; -} - -.button-secondary:hover { - background: #ac362e; -} - -.button-secondary.button-shadow::before { - box-shadow: 0 8px 16px rgba(255, 108, 80, 0.24); -} - -.button-secondary.button-shadow:hover::before { - box-shadow: 0 8px 16px rgba(255, 108, 80, 0.32); -} - -.button-secondary .button-sm.button-shadow::before { - box-shadow: 0 4px 16px rgba(255, 108, 80, 0.24); -} - -.button-secondary .button-sm.button-shadow:hover::before { - box-shadow: 0 4px 16px rgba(255, 108, 80, 0.32); -} - -.button-block { - display: flex; - width: 100%; -} - -@media (max-width: 640px) { - .button-wide-mobile { - width: 100%; - max-width: 280px; - } -} - -.site-header { - padding: 24px 0; - position: absolute; - top: 0; - left: 0; - width: 100%; - z-index: 1; -} - -.site-header-inner { - position: relative; - display: flex; - justify-content: space-between; - align-items: center; -} - -.header-links { - display: inline-flex; -} - -.header-links li { - display: inline-flex; -} - -.header-links a:not(.button) { - font-size: 16px; - line-height: 24px; - letter-spacing: -0.1px; - font-weight: 600; - color: #606483; - text-transform: uppercase; - text-decoration: none; - line-height: 16px; - padding: 8px 24px; -} - -.header-links a:not(.button):hover, -.header-links a:not(.button):active { - color: #fff; -} - -.hero { - position: relative; - padding-top: 128px; - padding-bottom: 88px; - z-index: 0; -} - -.hero .hero-bg { - position: absolute; - top: 0; - bottom: 42%; - left: 0; - right: 0; - background: #363636; - z-index: -2; -} - -.hero .hero-particles-container { - position: absolute; - top: 0; - bottom: 42%; - left: 0; - right: 0; -} - -.hero::before, -.hero::after { - content: ""; - position: absolute; - left: calc(50% - 360px); - width: 720px; - background-repeat: no-repeat; -} - -.hero::before { - top: 0; - height: 159px; - background-image: url("../img/bg-top.svg"); - background-size: 720px 159px; -} - -.hero::after { - bottom: 42%; - height: 173px; - background-image: url("../img/bg-bottom.svg"); - background-size: 720px 173px; -} - -.hero-inner { - position: relative; - z-index: 1; -} - -.hero-copy { - position: relative; - margin-bottom: 48px; -} - -@media (min-width: 641px) { - .hero { - padding-top: 160px; - padding-bottom: 128px; - } - - .hero::before, - .hero::after { - left: calc(50% - 720px); - width: 1440px; - } - - .hero::before { - height: 318px; - background-size: 1440px 318px; - } - - .hero::after { - height: 347px; - background-size: 1440px 347px; - } - - .hero-copy { - margin-bottom: 88px; - } - - .hero-paragraph { - padding-left: 72px; - padding-right: 72px; - } -} - -.has-animations .hero .hero-bg, -.has-animations .hero::before, -.has-animations .hero::after, -.has-animations .hero-particles-container, -.has-animations .site-header, -.has-animations .hero-title, -.has-animations .hero-paragraph, -.has-animations .hero-cta, -.has-animations .hero .mockup-bg, -.has-animations .hero .device-mockup { - opacity: 0; -} - -.has-animations.is-loaded .hero .hero-bg { - -webkit-animation: heroBg 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; - animation: heroBg 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; -} - -.has-animations.is-loaded .hero::before, -.has-animations.is-loaded .hero::after { - -webkit-animation: heroFadeIn 0.6s ease forwards 0.45s; - animation: heroFadeIn 0.6s ease forwards 0.45s; -} - -.has-animations.is-loaded .site-header, -.has-animations.is-loaded .hero-particles-container, -.has-animations.is-loaded .hero .mockup-bg { - -webkit-animation: heroFadeIn 0.6s ease forwards 0.45s; - animation: heroFadeIn 0.6s ease forwards 0.45s; -} - -.has-animations.is-loaded .hero-title { - -webkit-animation: heroContent 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.15s; - animation: heroContent 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.15s; -} - -.has-animations.is-loaded .hero-paragraph { - -webkit-animation: heroContent 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.3s; - animation: heroContent 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.3s; -} - -.has-animations.is-loaded .hero-cta { - -webkit-animation: heroContent 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.45s; - animation: heroContent 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.45s; -} - -.has-animations.is-loaded .hero .device-mockup { - -webkit-animation: heroMockup 0.6s ease forwards 0.6s; - animation: heroMockup 0.6s ease forwards 0.6s; -} - -@-webkit-keyframes heroBg { - from { - -webkit-transform: scaleY(0) scaleX(1.2) skewY(30deg); - transform: scaleY(0) scaleX(1.2) skewY(30deg); - opacity: 1; - } - to { - -webkit-transform: scaleY(1) scaleX(1) skewY(0); - transform: scaleY(1) scaleX(1) skewY(0); - opacity: 1; - } -} - -@keyframes heroBg { - from { - -webkit-transform: scaleY(0) scaleX(1.2) skewY(30deg); - transform: scaleY(0) scaleX(1.2) skewY(30deg); - opacity: 1; - } - to { - -webkit-transform: scaleY(1) scaleX(1) skewY(0); - transform: scaleY(1) scaleX(1) skewY(0); - opacity: 1; - } -} - -@-webkit-keyframes heroContent { - from { - -webkit-transform: translateY(40px) skewY(2deg); - transform: translateY(40px) skewY(2deg); - opacity: 0; - } - to { - -webkit-transform: translateY(0) skewY(0); - transform: translateY(0) skewY(0); - opacity: 1; - } -} - -@keyframes heroContent { - from { - -webkit-transform: translateY(40px) skewY(2deg); - transform: translateY(40px) skewY(2deg); - opacity: 0; - } - to { - -webkit-transform: translateY(0) skewY(0); - transform: translateY(0) skewY(0); - opacity: 1; - } -} - -@-webkit-keyframes heroMockup { - from { - -webkit-transform: translateY(80px); - transform: translateY(80px); - opacity: 0; - } - to { - -webkit-transform: translateY(0); - transform: translateY(0); - opacity: 1; - } -} - -@keyframes heroMockup { - from { - -webkit-transform: translateY(80px); - transform: translateY(80px); - opacity: 0; - } - to { - -webkit-transform: translateY(0); - transform: translateY(0); - opacity: 1; - } -} - -@-webkit-keyframes heroFadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes heroFadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -.mockup-container { - position: relative; -} - -#mockup-header-img { - position: relative; - height: 100%; - -moz-box-shadow: 3px 3px 13px #212121; - -webkit-box-shadow: 3px 3px 13px #212121; - box-shadow: 3px 3px 13px #212121; - border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; -} - -.mockup-bg { - pointer-events: none; -} - -.mockup-bg img, -.mockup-bg svg { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, 0%); - transform: translate(-50%, 0%); - width: 100%; - height: auto; - max-width: 300% !important; -} - -.device-mockup { - position: relative; - width: 350px; - height: auto; - margin: 0 auto; - z-index: 1; -} - -.has-animations .features-extended { - opacity: 0; -} - -.has-animations.is-loaded .features-extended { - opacity: 1; - position: relative; -} - -.features-extended-header { - margin-bottom: 32px; -} - -.features-extended-wrap { - display: flex; - flex-wrap: wrap; - margin-top: -24px; -} - -.features-extended-wrap:last-of-type { - margin-bottom: -24px; -} - -.features-extended-wrap:not(:last-of-type) { - margin-bottom: 24px; -} - -.feature-extended { - padding: 24px 0; -} - -.feature-extended-image { - position: relative; - margin-bottom: 32px; -} - -.feature-extended-image img, -.feature-extended-image svg { - width: 100%; - max-width: 200px; - height: auto; - margin-left: auto; - margin-right: auto; - overflow: visible; -} - -.feature-extended-body { - text-align: center; -} - -@media (min-width: 641px) { - .features-extended .container { - max-width: 912px; - } - - .features-extended .section-inner { - padding-bottom: 128px; - } - - .features-extended .section-paragraph { - padding-left: 72px; - padding-right: 72px; - margin-bottom: 0; - } - - .features-extended-header { - margin-bottom: 80px; - } - - .features-extended-wrap { - margin-top: -64px; - } - - .features-extended-wrap:last-of-type { - margin-bottom: -64px; - } - - .features-extended-wrap:not(:last-of-type) { - margin-bottom: 64px; - } - - .feature-extended { - display: flex; - flex-wrap: nowrap; - align-items: stretch; - justify-content: flex-end; - padding: 64px 0; - } - - .feature-extended .feature-extended-image { - width: 440px; - margin-right: 96px; - margin-bottom: 0; - } - - .feature-extended .feature-extended-image img, - .feature-extended .feature-extended-image svg { - width: auto; - } - - .feature-extended .feature-extended-image img.device-mockup, - .feature-extended .feature-extended-image svg.device-mockup { - max-width: 200px; - } - - .feature-extended:nth-child(even) { - justify-content: flex-start; - } - - .feature-extended:nth-child(even) .feature-extended-image { - order: 1; - margin-left: 96px; - margin-right: 0; - } - - .feature-extended-body { - display: flex; - flex-direction: column; - justify-content: center; - flex-shrink: 0; - width: 360px; - text-align: left; - } -} - -@media (min-width: 1025px) { - .features-extended .container { - max-width: 944px; - } - - .feature-extended .feature-extended-image { - margin-right: 64px; - } - - .feature-extended:nth-child(even) .feature-extended-image { - margin-left: 64px; - } - - .feature-extended-body { - width: 392px; - } -} - -.cta .section-paragraph { - margin-bottom: 32px; -} - -@media (min-width: 641px) { - .cta .section-paragraph { - margin-bottom: 32px; - padding-left: 72px; - padding-right: 72px; - } -} - -.body-wrap { - overflow: hidden; - display: flex; - flex-direction: column; - min-height: 100vh; -} - -.boxed-container { - max-width: 1440px; - margin: 0 auto; - box-shadow: 0 20px 48px rgba(22, 30, 42, 0.16); -} - -main { - flex: 1 0 auto; -} - -.section-inner { - position: relative; - padding-top: 48px; - padding-bottom: 48px; -} - -@media (min-width: 641px) { - .section-inner { - padding-top: 88px; - padding-bottom: 88px; - } -} - -.site-footer { - position: relative; - background: #212121; -} - -.site-footer::before { - content: ""; - position: absolute; - top: -76px; - left: calc(50% - 360px); - width: 720px; - height: 291px; - background-image: url("../img/footer.svg"); - background-size: 720px 291px; - background-repeat: no-repeat; -} - -.site-footer .footer-particles-container, -.main-particles-container { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -.site-footer-bottom { - font-size: 14px; - line-height: 22px; - letter-spacing: 0px; - z-index: 1; -} - -.site-footer-bottom a { - color: #606483; - text-decoration: none; -} - -.site-footer-bottom a:hover, -.site-footer-bottom a:active { - text-decoration: underline; -} - -.site-footer-inner { - position: relative; - display: flex; - flex-wrap: wrap; - padding-top: 48px; - padding-bottom: 48px; - position: relative; -} - -.footer-brand, -.footer-links, -.footer-social-links, -.footer-copyright { - flex: none; - width: 100%; - display: inline-flex; - justify-content: center; -} - -.footer-brand, -.footer-links, -.footer-social-links { - margin-bottom: 24px; -} - -.footer-links li + li, -.footer-social-links li + li { - margin-left: 16px; -} - -.footer-social-links li { - display: inline-flex; -} - -.footer-social-links li a { - padding: 8px; -} - -@media (min-width: 641px) { - .site-footer::before { - top: -152px; - left: calc(50% - 720px); - width: 1440px; - height: 582px; - background-size: 1440px 582px; - } - - .site-footer-inner { - justify-content: space-between; - padding-top: 64px; - padding-bottom: 64px; - } - - .footer-brand, - .footer-links, - .footer-social-links, - .footer-copyright { - flex: 50%; - } - - .footer-brand, - .footer-copyright { - justify-content: flex-start; - } - - .footer-links, - .footer-social-links { - justify-content: flex-end; - } - - .footer-links { - order: 1; - margin-bottom: 0; - } -}