En este artículo, vamos a crear una extensión de Chrome que nos ayudará a automatizar la pantalla Preguntar para unirse en reuniones de Google usando JavaScript. Esta extensión nos ayuda a apagar automáticamente el botón de audio y video en la reunión de Google y luego, automáticamente hará clic en el botón Solicitar unirse.
Comencemos con el proyecto:
Paso 1: En primer lugar, debe crear un archivo manifest.json para su extensión de Chrome, vamos a crearlo.
{
"name": "automatic class joiner",
"version": "1.0",
"manifest_version": 2,
"content_scripts": [{
"matches": [""],
"js": ["content.js"]
}],
"browser_action": {
"default_popup": "popup.html",
"default_title": "automatic class joiner"
}
}
Aquí hemos terminado con nuestro archivo de manifiesto. Siempre que se abra una nueva URL, el archivo de manifiesto ejecutará un script llamado content.js
Paso 2: ahora vamos a crear una interfaz simple para nuestra extensión de Chrome. Creamos un nuevo archivo HTML llamado popup.html.
HTML
<!DOCTYPE html> <html> <head> <title>Online class joiner</title> <link rel="stylesheet" href="online.css" type="text/css" /> </head> <body> <h2>Joiner Active</h2> <p> You will automatically join the classes when this extension is ON. </p> </body> </html>
Ahora que hemos terminado con la parte frontal, construyamos la funcionalidad principal de la extensión, es decir, el archivo de script content.js.
Paso 3: ahora tenemos que crear un nuevo archivo llamado content.js
Javascript
function start() {
url = location.href;
if (url.includes("meet.google.com")) {
its_meet();
}
}
function its_meet() {
items = document.getElementsByTagName('div');
setTimeout(function() {
try {
for (i = 0; i < items.length; i++) {
if (items[i].hasAttribute("aria-label")) {
if (items[i].getAttribute("aria-label")
.includes("microphone") ||
items[i].getAttribute("aria-label")
.includes("camera")) {
items[i].click();
}
}
}
} catch (err) {
console.log(err);
}
}, 5000)
setTimeout(function() {
for (i = 0; i < items.length; i++) {
if (items[i].hasAttribute("jsname")) {
if (items[i].getAttribute("jsname")
.includes("Qx7uuf")) {
items[i].click();
}
}
}
}, 8000);
}
start();
Después de hacer tanto trabajo, hemos terminado con nuestra extensión.
Paso 4: Intentemos ejecutarlo.
En primer lugar, debe agregarlo a sus extensiones en Google Chrome y luego relajarse y dejar que la extensión haga el trabajo.
Producción:
Para el repositorio de GitHub, haga clic en https://github.com/Abhishek07Kalra/AutomaticClassJoiner
Publicación traducida automáticamente
Artículo escrito por iamabhishekkalra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA