diff --git a/README.md b/README.md index 4cc7863..510b425 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,15 @@ -# YouTube TV +
+ + +# **YouTube TV** +[![Downloads](https://img.shields.io/github/downloads/marcosrg9/YouTubeTV/total.svg)](https://github.com/marcosrg9/YouTubeTV/releases/latest) Cliente de YouTube TV sencillo para escritorio basado en [electron](https://www.electronjs.org/). Puede conectar un dispositivo compatible, como un teléfono o un equipo con Google Chrome y enviar los vídeos a la aplicación para visualizarlos. + + +

+ Implementa un servidor [DIAL](https://en.wikipedia.org/wiki/Discovery_and_Launch) (basado en [SSDP](https://en.wikipedia.org/wiki/Simple_Service_Discovery_Protocol)) para permitir la conexión desde dispositivos que usan este mismo protocolo (limitado a YouTube en esta aplicación). Usa el userAgent permitido por YouTube TV: @@ -9,52 +17,68 @@ Usa el userAgent permitido por YouTube TV: Mozilla/5.0 (X11; Linux i686) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.77 Large Screen Safari/534.24 GoogleTV/092754 ``` -Para lanzar la aplicación basta con usar el comando ```npm start``` o ```electron .``` en caso de que se encuentre instalado de forma global. +Puede usar ```npm start``` o bien ```npx electron .```. +Si ya tiene instalado electron de forma global, podrá iniciar la app con ```electron .``` + ## 📦 Builds El proyecto se puede descargar compilado y listo para su uso. Disponible para Linux, macOS y Windows. En arquitecturas x86, x64 y ARM. -[Todas las builds](https://github.com/marcosrg9/YouTubeTV/releases/latest) +| Plataforma | Arquitectura | Enlace | +|---------------|:------------:|:------:| +| Windows | x64 | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-win32-x64.msi) | +| Windows | x32 | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-win32-x86.msi) | +| Linux (Deb) | x64 | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-linux-x64.deb) | +| Linux (Deb) | x32 | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-linux-x32.deb) | +| Linux (RPM) | x64 | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-linux-x64.rpm) | +| Linux (RPM) | x32 | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-linux-x32.rpm) | +| macOS | x64 | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-macos-x64.dmg) | +| macOs | ARM | [🔗](https://github.com/marcosrg9/YouTubeTV/releases/download/2.2.1/YouTube.TV-macos-arm.dmg) | + +[Todas las builds](https://github.com/marcosrg9/YouTubeTV/releases/tag/2.2.1) ## ⌨️ Atajos de teclado -- Pantalla completa (kiosk mode): Ctrl+F. -- Developer Tools: Ctrl+D. -- 🆕 Alternar visibilidad del cursor: Ctrl+A. +- 🆕 Panel de configuración de resolución máxima: Ctrl + S +- Pantalla completa: Ctrl + F. +- Developer Tools: Ctrl + D. +- Alternar visibilidad del cursor: Ctrl + A. -## 📺 Kiosk mode -> ⚠️ Activar el modo quiosco impedirá cambiar de ventanas. +## 🔄 Última actualización (2.2.1) -El modo quiosco es, en resumidas cuentas, el modo a pantalla completa, pero es un modo "protegido", esto quiere decir que no se puede cambiar a otras ventanas, los gestos del ratón no funcionan, el atajo del tabulador tampoco funciona, se debe desactivar para cambiar entre ventanas. +La última actualización incluye varias mejoras: +- Soporte para resoluciones hasta 8K. ([Limitado a 4K por defecto](#🔧-configuración)) +- Soporte de reproducción en segundo plano. +- Mejoras de UX. +- Servidor resistente a puertos en uso. +- Parches de seguridad. -Para alternar entre el modo ventana y quiosco se puede pulsar el atajo de teclado Ctrl+F. +## Informe detallado +--- -También se puede forzar desde la instancia a BrowserWindow: -```Javascript -this.window = new BrowserWindow({ - width: 1230, - height: 720, - kiosk: false, - title: 'YouTube TV', -``` +- Se ha implementado un sistema de simulación de resolución. Ahora YouTube TV puede simular una resolución superior a la de la pantalla para que la plataforma no restrinja las resoluciones máximas a las truncadas. La resolución está limitada a 4K de forma predeterminada, revisa la [sección de configuración](#🔧-configuración). -## 🔨 Ajustes +- Se ha solucionado un fallo grave por el cual el servidor no podía iniciarse cuando el puerto estaba en uso. Ahora intentará iniciarse en el puerto por defecto (2000), y si este ya está en uso, volverá a intentarlo tantas veces como sea necesario con puertos aleatorios. -- (🆕 1.1.1) El servidor DIAL de esta aplicación se ejecuta bajo el puerto 2000 por defecto. Es poco probable, pero en el caso de que este puerto ya se encuentre en uso, es posible cambiarlo por otro que se encuentre disponible, solo hay que cambiar el contenido de la constante `dialPort` del proceso principal (`main.js`) por otro puerto. +- Ahora YouTube TV entra en modo pantalla completa de forma automática cuando se conecta un dispositivo y sale de ella cuando se desconecta. -- (🆕 1.1.1) El nombre que el servidor DIAL está emitiendo es `YouTube TV en el equipo de` concatenado con el nombre del usuario que está ejecutando YouTube TV. Si prefiere usar otro nombre, puede hacerlo desde la clase Dial (`servers/DIAL.js`), allí hay una constante llamada `username`, modifica el contenido y YouTube TV empezará a emitir el nombre deseado. +- YouTube TV ya es capaz de reproducir contenido en segundo plano incluso perdiendo el foco. Esto estaba siendo provocado por un evento de cambio de visiblidad que escuchaba la propia plataforma. Este evento ha sido anulado. +- Electron actualizado a la versión 13.2.1. -## ⛔ Problemas conocidos -- Al minimizar la ventana, la reproducción se detiene. Se puede reanudar si hay un dispositivo enlazado pulsando el botón de reproducir desde YouTube. +- Fallos de seguridad corregidos + - [CVE-2021-23343](https://github.com/advisories/GHSA-hj48-42vr-x3v9) + - [CVE-2021-33502](https://github.com/advisories/GHSA-px4h-xg32-q955) + - [CVE-2021-33623](https://github.com/advisories/GHSA-7p7h-4mm5-852v) + - [CVE-2021-23362](https://github.com/advisories/GHSA-43f8-2h32-f4cj) + - [CVE-2021-23337](https://github.com/advisories/GHSA-35jh-r3h4-6jhm) -- En la primera ejecución de la aplicación, desde la pantalla de inicio de sesión, no se puede lanzar el modo quiosco, tal vez haya algún eventListener por temas de accesibilidad y esté provocando conflicto. -- Parece que las restricciones de DRM impiden visualizar contenido en resolución HD y superior. Eventualmente, la opción HD se puede habilitar, pero el contenido en FHD y superior seguirá siendo restringido. Este problema no se puede corregir, al menos de momento. +## ⛔ Problemas conocidos -- La ejecución del código fuente (con electron), hace que el cursor se oculte, este es el comportamiento esperado, sin embargo una vez empaquetado, el cursor ya no se oculta. +- En la primera ejecución de la aplicación, desde la pantalla de inicio de sesión, no se puede lanzar el modo quiosco. - Si se genera una cola y después otro usuario se conecta (echa al que ya estaba conectado), la cola se elimina. Este no es el comportamiento esperado, pero es algo inevitable, parece ser el funcionamiento normal de la plataforma YouTube TV. @@ -62,16 +86,33 @@ this.window = new BrowserWindow({ - ✅ Windows 10 x64 - win32_x64/ia32. - ✅ Ubuntu 19.04 x64 (VM) - linux_x64. +- ✅ macOS 11.4 Big Sur (MacBook Air) - darwin_x64 (Marcos). - ✅ macOS 11.2.3 Big Sur (MacBook Air) - darwin_x64 (Marcos). - ✅ macOS 11.1 Big Sur (MacBook Air) - darwin_x64 ([Mateo Fortea](https://github.com/mfortea)). -- ✅ Rasbian 10 Buster (Raspberry Pi4) - linux_armv7l. +- ✅ Rasbian 10 Buster (Raspberry Pi 4 B+) - linux_armv7l. No comprobado en Windows y macOS para plataformas ARM, excepto linux ARM para Raspberry (armv7l). +## 🔧 Configuración + +YouTube TV incluye ahora una ventana para configurar la resolución máxima de reproducción. + +Esta ventana se abre pulsando las teclas Ctrl + S.
+ +
+La resolución ha sido limitada desde el entorno de desarrollo por la siguiente razón: + +Hoy en día la mayoría de equipos disponen de gráficas integradas, esto quiere decir que comparten memoria con el resto del sistema, a diferencia de las gráficas discretas que incluyen sus propios módulos de memoria donde tienen un espacio aislado de almacenamiento sin carga externa. + +Esto implica más carga de trabajo para el procesador, y hay casos en los que resoluciones superiores a 2K/4K empiezan a afectar al rendimiento de forma exagerada. + +Evidentemente el usuario final puede establecer la resolución que desee, sin embargo, YouTube es capaz de medir el ancho de banda y establecer automáticamente la mejor resolución disponible en relación al ancho de banda, lo cual se puede volver molesto, pues muchas veces la potencia del hardware no es suficiente para reproducir resoluciones tan altas. + +
**Licencia Creative Commons** ![CC-BY-NC-SA](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-nc-sa.eu.svg) - \ No newline at end of file +
\ No newline at end of file diff --git a/main.js b/main.js index 45cf41d..134c623 100755 --- a/main.js +++ b/main.js @@ -1,16 +1,28 @@ -// Modules +const { randomInt } = require('crypto'); + +const express = require('express') + const { Renderer } = require('./renderer/main_renderer'); const { Dial } = require('./servers/DIAL'); -// Third party packages -const express = require('express'); +const server = express(); -// Declarations -const appDial = express(); const renderer = new Renderer(); -const dialPort = 2000; +let dial; + + +const listen = (port = 2000) => { + server.listen(port, () => { + dial = new Dial(server, renderer, port) + dial.server.start(); + }) + .on('error',(err) => { + if (err.code == 'EADDRINUSE') { + listen(randomInt(1081, 65534)); + } + }) +} + +listen(); -appDial.listen(dialPort, () => { - const dial = new Dial(appDial, renderer, dialPort); - dial.server.start(); -}) \ No newline at end of file +module.exports = { renderer }; \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index ae54974..f6b3b5a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,11 +10,16 @@ "license": "CC-BY-NC-SA", "dependencies": { "express": "^4.17.1", + "hosted-git-info": "^4.0.2", + "lodash": "^4.17.21", "node-uuid": "^1.4.8", - "peer-dial": "0.0.8" + "normalize-url": "^7.0.1", + "path-parse": "^1.0.7", + "peer-dial": "0.0.8", + "trim-newlines": "^4.0.2" }, "devDependencies": { - "electron": "^9.4.0", + "electron": "^13.2.1", "electron-builder": "^22.9.1" } }, @@ -108,9 +113,9 @@ } }, "node_modules/@types/node": { - "version": "12.19.12", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.19.12.tgz", - "integrity": "sha512-UwfL2uIU9arX/+/PRcIkT08/iBadGN2z6ExOROA2Dh5mAuWTBj6iJbQX4nekiV5H8cTrEG569LeX+HRco9Cbxw==", + "version": "14.17.10", + "resolved": "https://registry.npmjs.org/@types/node/-/node-14.17.10.tgz", + "integrity": "sha512-09x2d6kNBwjHgyh3jOUE2GE4DFoxDriDvWdu6mFhMP1ysynGYazt4ecZmJlL6/fe4Zi2vtYvTvtL7epjQQrBhA==", "dev": true }, "node_modules/@types/yargs": { @@ -701,6 +706,15 @@ "node": ">=8" } }, + "node_modules/cacheable-request/node_modules/normalize-url": { + "version": "4.5.1", + "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz", + "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/camelcase": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz", @@ -1138,14 +1152,14 @@ } }, "node_modules/electron": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/electron/-/electron-9.4.0.tgz", - "integrity": "sha512-hOC4q0jkb+UDYZRy8vrZ1IANnq+jznZnbkD62OEo06nU+hIbp2IrwDRBNuSLmQ3cwZMVir0WSIA1qEVK0PkzGA==", + "version": "13.2.1", + "resolved": "https://registry.npmjs.org/electron/-/electron-13.2.1.tgz", + "integrity": "sha512-/K0Uw+o3+phbHtrVL6qDFVJqmeRF6EIPwVeUHEH5R8JNy13f4X3RouKjQzVyY/Os8fEqYHGFONWhD6q6g750HQ==", "dev": true, "hasInstallScript": true, "dependencies": { "@electron/get": "^1.0.1", - "@types/node": "^12.0.12", + "@types/node": "^14.6.2", "extract-zip": "^1.0.3" }, "bin": { @@ -1721,9 +1735,15 @@ } }, "node_modules/hosted-git-info": { - "version": "2.8.8", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz", - "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==" + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.0.2.tgz", + "integrity": "sha512-c9OGXbZ3guC/xOlCg1Ci/VgWlwsqDv1yMQL1CWqXDL0hDjXuNcq0zuR4xqPSuasI3kqFDhqSyTjREz5gzq0fXg==", + "dependencies": { + "lru-cache": "^6.0.0" + }, + "engines": { + "node": ">=10" + } }, "node_modules/http-cache-semantics": { "version": "4.1.0", @@ -2098,11 +2118,9 @@ } }, "node_modules/lodash": { - "version": "4.17.20", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz", - "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==", - "dev": true, - "optional": true + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, "node_modules/loud-rejection": { "version": "1.6.0", @@ -2129,7 +2147,6 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, "dependencies": { "yallist": "^4.0.0" }, @@ -2207,6 +2224,14 @@ "node": ">=0.10.0" } }, + "node_modules/meow/node_modules/trim-newlines": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", + "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/merge-descriptors": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", @@ -2320,13 +2345,20 @@ "validate-npm-package-license": "^3.0.1" } }, + "node_modules/normalize-package-data/node_modules/hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==" + }, "node_modules/normalize-url": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.0.tgz", - "integrity": "sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==", - "dev": true, + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-7.0.1.tgz", + "integrity": "sha512-WjLnBQVhYX5XRIectq7CEXgu7O13OB1vsj3rkVItD4c48G/JRD5dohJ1R5vVwZ5wI2/SJDNHfpdQ0Xsqbr1dhQ==", "engines": { - "node": ">=8" + "node": ">=12.20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/npm-conf": { @@ -2469,9 +2501,9 @@ } }, "node_modules/path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" }, "node_modules/path-to-regexp": { "version": "0.1.7", @@ -3446,11 +3478,14 @@ } }, "node_modules/trim-newlines": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", - "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-4.0.2.tgz", + "integrity": "sha512-GJtWyq9InR/2HRiLZgpIKv+ufIKrVrvjQWEj7PxAXNc5dwbNJkqhAUoAGgzRmULAnoOM5EIpveYd3J2VeSAIew==", "engines": { - "node": ">=0.10.0" + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/truncate-utf8-bytes": { @@ -3736,8 +3771,7 @@ "node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" }, "node_modules/yargs": { "version": "16.2.0", @@ -3853,9 +3887,9 @@ } }, "@types/node": { - "version": "12.19.12", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.19.12.tgz", - "integrity": "sha512-UwfL2uIU9arX/+/PRcIkT08/iBadGN2z6ExOROA2Dh5mAuWTBj6iJbQX4nekiV5H8cTrEG569LeX+HRco9Cbxw==", + "version": "14.17.10", + "resolved": "https://registry.npmjs.org/@types/node/-/node-14.17.10.tgz", + "integrity": "sha512-09x2d6kNBwjHgyh3jOUE2GE4DFoxDriDvWdu6mFhMP1ysynGYazt4ecZmJlL6/fe4Zi2vtYvTvtL7epjQQrBhA==", "dev": true }, "@types/yargs": { @@ -4359,6 +4393,12 @@ "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz", "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==", "dev": true + }, + "normalize-url": { + "version": "4.5.1", + "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz", + "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==", + "dev": true } } }, @@ -4723,13 +4763,13 @@ "integrity": "sha1-zIcsFoiArjxxiXYv1f/ACJbJUYo=" }, "electron": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/electron/-/electron-9.4.0.tgz", - "integrity": "sha512-hOC4q0jkb+UDYZRy8vrZ1IANnq+jznZnbkD62OEo06nU+hIbp2IrwDRBNuSLmQ3cwZMVir0WSIA1qEVK0PkzGA==", + "version": "13.2.1", + "resolved": "https://registry.npmjs.org/electron/-/electron-13.2.1.tgz", + "integrity": "sha512-/K0Uw+o3+phbHtrVL6qDFVJqmeRF6EIPwVeUHEH5R8JNy13f4X3RouKjQzVyY/Os8fEqYHGFONWhD6q6g750HQ==", "dev": true, "requires": { "@electron/get": "^1.0.1", - "@types/node": "^12.0.12", + "@types/node": "^14.6.2", "extract-zip": "^1.0.3" } }, @@ -5195,9 +5235,12 @@ "dev": true }, "hosted-git-info": { - "version": "2.8.8", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz", - "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==" + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.0.2.tgz", + "integrity": "sha512-c9OGXbZ3guC/xOlCg1Ci/VgWlwsqDv1yMQL1CWqXDL0hDjXuNcq0zuR4xqPSuasI3kqFDhqSyTjREz5gzq0fXg==", + "requires": { + "lru-cache": "^6.0.0" + } }, "http-cache-semantics": { "version": "4.1.0", @@ -5499,11 +5542,9 @@ } }, "lodash": { - "version": "4.17.20", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz", - "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==", - "dev": true, - "optional": true + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, "loud-rejection": { "version": "1.6.0", @@ -5524,7 +5565,6 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, "requires": { "yallist": "^4.0.0" } @@ -5581,6 +5621,13 @@ "read-pkg-up": "^1.0.1", "redent": "^1.0.0", "trim-newlines": "^1.0.0" + }, + "dependencies": { + "trim-newlines": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", + "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=" + } } }, "merge-descriptors": { @@ -5664,13 +5711,19 @@ "resolve": "^1.10.0", "semver": "2 || 3 || 4 || 5", "validate-npm-package-license": "^3.0.1" + }, + "dependencies": { + "hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==" + } } }, "normalize-url": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.0.tgz", - "integrity": "sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==", - "dev": true + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-7.0.1.tgz", + "integrity": "sha512-WjLnBQVhYX5XRIectq7CEXgu7O13OB1vsj3rkVItD4c48G/JRD5dohJ1R5vVwZ5wI2/SJDNHfpdQ0Xsqbr1dhQ==" }, "npm-conf": { "version": "1.1.3", @@ -5777,9 +5830,9 @@ } }, "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==" + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" }, "path-to-regexp": { "version": "0.1.7", @@ -6572,9 +6625,9 @@ "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==" }, "trim-newlines": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", - "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=" + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-4.0.2.tgz", + "integrity": "sha512-GJtWyq9InR/2HRiLZgpIKv+ufIKrVrvjQWEj7PxAXNc5dwbNJkqhAUoAGgzRmULAnoOM5EIpveYd3J2VeSAIew==" }, "truncate-utf8-bytes": { "version": "1.0.2", @@ -6809,8 +6862,7 @@ "yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" }, "yargs": { "version": "16.2.0", diff --git a/package.json b/package.json index 1a4c4c8..b596d95 100755 --- a/package.json +++ b/package.json @@ -1,22 +1,30 @@ { "name": "youtube-tv-electron", "productName": "YouTube TV", - "version": "1.1.2", + "version": "2.2.1", "description": "Cliente de YouTube TV sencillo para escritorio basado en electron.", "main": "main.js", "dependencies": { "express": "^4.17.1", + "hosted-git-info": "^4.0.2", + "lodash": "^4.17.21", "node-uuid": "^1.4.8", - "peer-dial": "0.0.8" + "normalize-url": "^7.0.1", + "path-parse": "^1.0.7", + "peer-dial": "0.0.8", + "trim-newlines": "^4.0.2" }, "devDependencies": { - "electron": "^9.4.0", + "electron": "^13.2.1", "electron-builder": "^22.9.1" }, "build": { "productName": "YouTube TV", "appId": "com.youtube.tv", "asar": true, + "directories": { + "output": "../YTV_Builds" + }, "dmg": { "contents": [ { @@ -48,12 +56,14 @@ }, "scripts": { "start": "electron .", + "debug": "electron . --inspect", "buildLinuxARMV7l": "electron-builder --linux --armv7l", "buildLinux64": "electron-builder --linux --x64", "buildLinuxia32": "electron-builder --linux --ia32", "buildWindowsx64": "electron-builder --windows --x64", "buildWindowsia32": "electron-builder --windows --ia32", - "buildmacOS": "electron-builder --macos --x64" + "buildmacOS": "electron-builder --macos --x64", + "buildmacOSARM": "electron-builder --macos --arm64" }, "author": "Marcos Rodríguez ", "private": true, diff --git a/readme/demo_player.png b/readme/demo_player.png new file mode 100644 index 0000000..c7fef6e Binary files /dev/null and b/readme/demo_player.png differ diff --git a/readme/settings.png b/readme/settings.png new file mode 100644 index 0000000..9bda014 Binary files /dev/null and b/readme/settings.png differ diff --git a/renderer/index.html b/renderer/index.html new file mode 100644 index 0000000..4c47a30 --- /dev/null +++ b/renderer/index.html @@ -0,0 +1,130 @@ + + + + + + + + + +
+ + +

Configuración

+
+

Resolución máxima

+ + +
+ + +
+ + + + + + \ No newline at end of file diff --git a/renderer/main_renderer.js b/renderer/main_renderer.js index c8f2bf5..9a87531 100644 --- a/renderer/main_renderer.js +++ b/renderer/main_renderer.js @@ -1,40 +1,80 @@ const os = require('os'); -const { app, BrowserWindow, nativeImage, globalShortcut, Menu } = require('electron'); +const { app, BrowserWindow, nativeImage, globalShortcut, Menu, ipcMain } = require('electron'); +const { Settings } = require('./settings.renderer'); +let renderer; class Renderer { userAgent = 'Mozilla/5.0 (X11; Linux i686) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/11.0.696.77 Large Screen Safari/534.24 GoogleTV/092754'; url = 'http://www.youtube.com/tv?'; cursor = false; + res = { width: 3840, height: 2160 }; constructor() { + renderer = this; Menu.setApplicationMenu(false); app.on('ready', () => { this.window = new BrowserWindow({ width: 1230, height: 720, - kiosk: false, + fullScreen: true, title: 'YouTube TV', backgroundColor: '#282828', icon: nativeImage.createFromPath(`${__dirname}/build/icons/icon.png`), setMenu: false, webPreferences: { - nodeIntegration: false, - contextIsolation: true + nodeIntegration: true, + webSecurity: true, + contextIsolation: false } }); - - this.window.setMenuBarVisibility(false); - this.window.loadURL(this.url, {userAgent: this.userAgent}); - globalShortcut.register('ctrl+f', () => { - if (this.window.kiosk == true) { - this.window.kiosk = false; + this.window.webContents.executeJavaScript(`localStorage.getItem('maxRes');`, true) + .then((a) => { + console.log(a); + if (!a) { + this.setResEmulator(3840,2160); + } else { + try { + const { width, height } = JSON.parse(a); + this.setResEmulator(width, height); + console.log('Estableciendo resolución preferida'); + } catch (error) { + this.setResEmulator(3840,2160); + } + } + }) + .catch((err) => { + console.log(err) + this.setResEmulator(3840,2160); + }) + + ipcMain.on('network', (_, status) => { + if (typeof status == 'boolean') { + console.log('Estado de primer inicio'); + console.log(status); } else { - this.window.kiosk = true; + console.log('Cambio de estado de red!'); + console.log(status); } }) + + this.loadURL(); + + this.window.webContents.on('dom-ready', () => this.injector()); + + globalShortcut.register('ctrl+s', () => { + if (this.settings) { + this.settings.window.destroy(); + this.settings = null; + } else { + this.settings = new Settings(); + } + }) + globalShortcut.register('ctrl+f', () => { + this.toggleFullScreen(); + }) globalShortcut.register('ctrl+d', () => { this.window.toggleDevTools(); }) @@ -59,6 +99,14 @@ class Renderer { this.window.webContents.insertCSS('html {cursor: none;}'); } }) + + this.window.on('close', () => { + console.log(this.settings); + if (this.settings) { + this.settings.window.destroy(); + this.settings = null; + } + }) }) app.on('window-all-closed', () => { @@ -67,11 +115,92 @@ class Renderer { } dialReload(a) { - console.log(a); - this.window.loadURL(a, {userAgent}); + this.toggleFullScreen(true); + this.loadURL(a); } + + + /** + * Inyecta un bloque de JavaScript para que los eventos de cambio de visibilidad no se emitan. + * Esto permite que se cambie entre escritorios virtuales o se solape la ventana (en macOS) sin + * detener la reproducción. + */ + injector() { + this.window.webContents.executeJavaScriptInIsolatedWorld() + this.window.webContents.executeJavaScript(` + console.warn('Inyectando parches'); + window.ipc = window.require('electron').ipcRenderer; + window.addEventListener('online', () => { + window.ipc.send('network', ('online')); + }) + window.addEventListener('offline', () => { + window.ipc.send('network', ('offline')); + }) + document.title = 'YouTube TV'; + + document.addEventListener('webkitvisibilitychange', function(event) { + event.stopImmediatePropagation(); + }, true); + + document.addEventListener('visibilitychange', function(event) { + event.stopImmediatePropagation(); + }, true); + `) + } + + toggleFullScreen(forced) { + if (forced == undefined) { + if (this.window.fullScreen) { + this.window.setFullScreen(false) + } + } else { + this.window.setFullScreen(forced); + } + } + + setMaxRes(params) { + const { width, height, reload } = params; + this.window.webContents.executeJavaScript(` + localStorage.setItem('maxRes', JSON.stringify({ width: ${width}, height: ${height} })); + `) + if (reload) { + this.setResEmulator(width, height); + this.loadURL(); + } + } + + async loadURL(a) { + try { + !a ? this.window.loadURL(this.url, {userAgent: this.userAgent}) + : this.window.loadURL(this.url+a, {userAgent: this.userAgent}); + } catch (error) { + console.error(error); + } + } + + setResEmulator(emuWidth, emuHeight) { + const [ width, height ] = this.window.getSize(); + this.window.webContents.enableDeviceEmulation({ + screenSize: { emuWidth, emuHeight }, + viewSize: { emuWidth, emuHeight }, + scale: width / emuWidth, + viewPosition: { x: 0.5, y: 0.5 } + }) + this.window.removeAllListeners('resize'); + this.window.on('resize', () => { + const [ width, height ] = this.window.getSize(); + this.window.webContents.enableDeviceEmulation({ + screenSize: { emuWidth, emuHeight }, + viewSize: { emuWidth, emuHeight }, + scale: width / emuWidth, + screenPosition: "mobile", + viewPosition: { x: 0.5, y: 0.5 } + }) + }) + } + } module.exports = { - Renderer + Renderer, renderer } \ No newline at end of file diff --git a/renderer/settings.renderer.js b/renderer/settings.renderer.js new file mode 100644 index 0000000..8b6efa0 --- /dev/null +++ b/renderer/settings.renderer.js @@ -0,0 +1,35 @@ +const { app, BrowserWindow, ipcMain } = require('electron'); + +class Settings { + + constructor() { + + app.whenReady().then(() => { + + this.window = new BrowserWindow({ + resizable: false, + width: 400, + height: 500, + title: 'Configuración', + backgroundColor: '#181818', + webPreferences: { + contextIsolation: false, + nodeIntegration: true, + } + }) + + ipcMain.on('update', (_, params) => { + const { renderer } = require('../main') + renderer.setMaxRes(params); + }) + + this.window.loadFile('./renderer/index.html'); + + }) + + + } + +} + +module.exports = { Settings } \ No newline at end of file diff --git a/servers/DIAL.js b/servers/DIAL.js index fa61a60..9fc1004 100644 --- a/servers/DIAL.js +++ b/servers/DIAL.js @@ -9,6 +9,8 @@ const username = 'YouTube TV en el equipo de ' + class Dial { + server //= new dial.Server(); + constructor(server, renderer, port) { const apps = { "YouTube": { @@ -17,7 +19,7 @@ class Dial { allowStop: true, pid: null, launch: (a) => { - renderer.window.loadURL(`http://www.youtube.com/tv?${a}`); + renderer.dialReload(a); } } }; @@ -43,6 +45,7 @@ class Dial { callback(app.pid); }, stopApp: function(appName, pid, callback) { + renderer.toggleFullScreen(false); const app = apps[appName]; if (app && app.pid == pid) { app.pid = null;