Tema para preguntas random a Chatgpt 🤖

  • Autor Autor Carlos Arreola
  • Fecha de inicio Fecha de inicio
BotBeta dijo:
Para varias imágenes, puedes utilizar un enfoque similar, pero en lugar de usar el evento window.onload, aplicarías un evento onload a cada imagen individual. Aquí un ejemplo simple:

HTML: 
<!-- HTML -->
<div id="loading" class="loader">Cargando...</div>
<img id="img1" style="display: none;" src="ruta_imagen1.jpg">
<img id="img2" style="display: none;" src="ruta_imagen2.jpg">
<img id="img3" style="display: none;" src="ruta_imagen3.jpg">

JavaScript: 
// JavaScript
var imageIDs = ['img1', 'img2', 'img3'];

imageIDs.forEach(function(id) {
  var img = document.getElementById(id);
  img.onload = function() {
    document.getElementById('loading').style.display = 'none';
    img.style.display = 'block';
  };
});

Esta configuración ocultará la animación de carga y mostrará cada imagen individualmente a medida que se carga.


Claro, con gusto. En el código de JavaScript proporcionado, imageIDs es un arreglo que contiene los IDs de las imágenes que quieres cargar. ['img1', 'img2', 'img3'] son los IDs de las imágenes en tu código HTML.

Luego, la función forEach itera a través de cada ID en ese arreglo. En cada iteración, se asigna el ID actual a la variable id.

Entonces document.getElementById(id) busca en tu documento HTML un elemento cuyo atributo ID coincide con el valor de id (en este caso, 'img1', 'img2' o 'img3').

Finalmente, img.onload = function() {...} asigna una función al evento de carga (load) de cada imagen. Esta función se ejecutará una vez que la imagen esté completamente cargada.
Hacer clic para expandir...
Mejor hazlo que todos tengan el mismo ID o class
 
blankito1998 dijo:
Mejor hazlo que todos tengan el mismo ID o class
Hacer clic para expandir...
En HTML, cada elemento debería tener un ID único. Si quieres seleccionar varios elementos a la vez, deberías usar clases. Aquí te muestro cómo hacerlo:

Primero, asigna a todas tus imágenes la misma clase en tu HTML:

HTML: 
<div id="loading" class="loader">Cargando...</div>
<img class="myImage" style="display: none;" src="ruta_imagen1.jpg">
<img class="myImage" style="display: none;" src="ruta_imagen2.jpg">
<img class="myImage" style="display: none;" src="ruta_imagen3.jpg">

Luego, en tu JavaScript, puedes seleccionar todos los elementos que tienen esa clase y asignar la función onload a cada uno de ellos:

JavaScript: 
window.onload = function() {
    var images = document.getElementsByClassName('myImage');
    Array.from(images).forEach(img => {
        img.onload = function() {
            document.getElementById('loading').style.display = "none";
            img.style.display = "block";
        };
        // Activa manualmente el evento de carga en caso de que la imagen ya esté cargada
        if (img.complete) img.onload();
    });
};

Este código ocultará la animación de carga y mostrará cada imagen a medida que se carga.
 
BotBeta dijo:
En HTML, cada elemento debería tener un ID único. Si quieres seleccionar varios elementos a la vez, deberías usar clases. Aquí te muestro cómo hacerlo:

Primero, asigna a todas tus imágenes la misma clase en tu HTML:

HTML: 
<div id="loading" class="loader">Cargando...</div>
<img class="myImage" style="display: none;" src="ruta_imagen1.jpg">
<img class="myImage" style="display: none;" src="ruta_imagen2.jpg">
<img class="myImage" style="display: none;" src="ruta_imagen3.jpg">

Luego, en tu JavaScript, puedes seleccionar todos los elementos que tienen esa clase y asignar la función onload a cada uno de ellos:

JavaScript: 
window.onload = function() {
    var images = document.getElementsByClassName('myImage');
    Array.from(images).forEach(img => {
        img.onload = function() {
            document.getElementById('loading').style.display = "none";
            img.style.display = "block";
        };
        // Activa manualmente el evento de carga en caso de que la imagen ya esté cargada
        if (img.complete) img.onload();
    });
};

Este código ocultará la animación de carga y mostrará cada imagen a medida que se carga.
Hacer clic para expandir...
Cómo hago para que una foto se vea opaca solo cuando no ah terminado de cargar??
 
blankito1998 dijo:
Cómo hago para que una foto se vea opaca solo cuando no ah terminado de cargar??
Hacer clic para expandir...
Para hacer que una imagen se vea opaca hasta que termine de cargar, puedes usar CSS para establecer la opacidad y luego cambiarla con JavaScript cuando la imagen esté cargada. Aquí tienes un ejemplo:

Primero, establece la opacidad inicial en tu CSS:

CSS: 
.myImage {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}

Luego, en tu HTML, añade la clase a tus imágenes:

HTML: 
<!-- HTML -->
<img class="myImage" src="ruta_imagen1.jpg">
<img class="myImage" src="ruta_imagen2.jpg">
<img class="myImage" src="ruta_imagen3.jpg">

Ahora, en tu código JavaScript, cambia la opacidad cuando la imagen se carga:

JavaScript: 
window.onload = function() {
  var images = document.getElementsByClassName('myImage');
  Array.from(images).forEach(img => {
      img.onload = function() {
          img.style.opacity = "1";
      };
      // Activa manualmente el evento de carga en caso de que la imagen ya esté cargada
      if (img.complete) img.onload();
  });
};

Este código hará que todas las imágenes con la clase "myImage" se vean opacas hasta que se carguen por completo, momento en el que se volverán completamente opacas.
 
¿El "yt-dlp" baja videos de tiktok?
 
Puko dijo:
¿El "yt-dlp" baja videos de tiktok?
Hacer clic para expandir...
Sí, "yt-dlp", una bifurcación de youtube-dl, puede descargar videos de una amplia variedad de sitios, incluido TikTok. Solo necesitas proporcionar la URL del video de TikTok que deseas descargar.
 
Puko dijo:
¿ asi por ejemplo: yt-dlp https://www.tiktok.com/@*/video/* ?
Hacer clic para expandir...
Sí, ese sería el formato correcto para descargar un video usando yt-dlp. Solo asegúrate de reemplazar los asteriscos (*) en la URL con el nombre de usuario y el ID del video correspondientes. El comando sería algo como:

Insertar CODE, HTML o PHP: 
yt-dlp https://www.tiktok.com/@username/video/videoid

Donde "username" es el nombre de la cuenta de TikTok y "videoid" el ID específico del video que quieres descargar.
 
Un programa que se usa con el simbolo del sistema se le pone "su" y luego "chmod +x" ¿en lugar de eso funciona si abro como administrador el simbolo del sistema?
 
Puko dijo:
Un programa que se usa con el simbolo del sistema se le pone "su" y luego "chmod +x" ¿en lugar de eso funciona si abro como administrador el simbolo del sistema?
Hacer clic para expandir...
No exactamente. Los comandos "su" y "chmod +x" son específicos del sistema operativo Unix y sus variantes, como Linux.

El comando "su" se utiliza para cambiar al usuario root (o un usuario diferente), que es el usuario con todos los privilegios.

Por otro lado, "chmod +x" se utiliza para dar permisos de ejecución a un archivo.

Abrir la línea de comandos como administrador en Windows te otorga privilegios elevados, similar al uso de "su", pero no tiene equivalencia directa para "chmod +x". Sin embargo, puedes cambiar las propiedades de los archivos para permitir la ejecución como un programa, pero el proceso es diferente que en Unix/Linux.
 
En el yt-dlp
¿Cómo se pone el directorio de salida?
¿Se puede ponerle al nombre del archivo de salida "timestamp" al principio
¿Se puede ponerle "algo" para que lo baje en mejor resolución?
 
Puko dijo:
En el yt-dlp
¿Cómo se pone el directorio de salida?
¿Se puede ponerle al nombre del archivo de salida "timestamp" al principio
¿Se puede ponerle "algo" para que lo baje en mejor resolución?
Hacer clic para expandir...
En yt-dlp, estas son las formas de realizar las acciones que mencionaste:

1. Para especificar el directorio de salida, puedes usar la opción -o seguido de la ruta del directorio. Por ejemplo:

Insertar CODE, HTML o PHP: 
yt-dlp -o '/ruta/a/tu/directorio/%(title)s.%(ext)s' https://www.tiktok.com/@username/video/videoid

2. Si quieres añadir una marca de tiempo al principio del nombre del archivo, puedes usar %(timestamp)s en la opción de salida. Por ejemplo:

Insertar CODE, HTML o PHP: 
yt-dlp -o '/ruta/a/tu/directorio/%(timestamp)s-%(title)s.%(ext)s' https://www.tiktok.com/@username/video/videoid

En este caso, %(timestamp)s se reemplazará por la marca de tiempo del video.

3. Para descargar el video en la mejor calidad posible, puedes usar la opción -f best. Por ejemplo:

Insertar CODE, HTML o PHP: 
yt-dlp -f best -o '/ruta/a/tu/directorio/%(timestamp)s-%(title)s.%(ext)s' https://www.tiktok.com/@username/video/videoid

Este comando descargará el video en la mejor calidad disponible.
 
Resume este comentario con las ideas importantes.

"Bueno te compartiré algo de mi experiencia con eso… en la web aparece información un poco… contradictoria por así decirlo… la mejor manera es depende de tu audiencia, tipo de anuncio, nicho de app etc. etc. etc., pero el que da resultados más estables el mínimo manual (ahora AdMob se actualizó y te deja por países y continentes por ejemplo yo solo me preocupo por América que es mi audiencia objetivo en otras Europa y así dependiendo de donde venga el tráfico) así que en ese asunto no hay mucha ciencia busca el balance entre la tasa de relleno y el ecpm mínimo que deseas... pero como te dije depende mucho de que tanto conozcas tu audiencia… ya sabes suerte con eso y si eres novato no sabes mucho del tema déjala en todos los precios hasta que consideres que estés listo para experimentar

PD: no cometas el error de dejarlo en medio-alto, perderás mucho tráfico…(a menos que obviamente tengas ya mucho tráfico xD)

PD2: este foro al parecer no hay nadie-casi nadie que trabaje con apps…"
 
albert5 dijo:
Resume este comentario con las ideas importantes.

"Bueno te compartiré algo de mi experiencia con eso… en la web aparece información un poco… contradictoria por así decirlo… la mejor manera es depende de tu audiencia, tipo de anuncio, nicho de app etc. etc. etc., pero el que da resultados más estables el mínimo manual (ahora AdMob se actualizó y te deja por países y continentes por ejemplo yo solo me preocupo por América que es mi audiencia objetivo en otras Europa y así dependiendo de donde venga el tráfico) así que en ese asunto no hay mucha ciencia busca el balance entre la tasa de relleno y el ecpm mínimo que deseas... pero como te dije depende mucho de que tanto conozcas tu audiencia… ya sabes suerte con eso y si eres novato no sabes mucho del tema déjala en todos los precios hasta que consideres que estés listo para experimentar

PD: no cometas el error de dejarlo en medio-alto, perderás mucho tráfico…(a menos que obviamente tengas ya mucho tráfico xD)

PD2: este foro al parecer no hay nadie-casi nadie que trabaje con apps…"
Hacer clic para expandir...
La elección del precio mínimo en AdMob depende de varios factores como tu audiencia, el tipo de anuncio y el nicho de tu aplicación. Este usuario recomienda usar el mínimo manual y ajustarlo por países o continentes dependiendo de tu audiencia objetivo. Es importante buscar un equilibrio entre la tasa de relleno y el eCPM mínimo deseado. Para principiantes, recomienda establecer todos los precios hasta que se sientan listos para experimentar. Advierten no seleccionar un precio medio-alto ya que puede llevar a perder tráfico. Finalmente, notan que aparentemente hay pocas personas en el foro que trabajen con aplicaciones.
 
BotBeta dijo:
2. Si quieres añadir una marca de tiempo al principio del nombre del archivo, puedes usar %(timestamp)s en la opción de salida. Por ejemplo:

Insertar CODE, HTML o PHP: 
yt-dlp -o '/ruta/a/tu/directorio/%(timestamp)s-%(title)s.%(ext)s' https://www.tiktok.com/@username/video/videoid

En este caso, %(timestamp)s se reemplazará por la marca de tiempo del video.
Hacer clic para expandir...
En lugar de "timestamp" ¿no es %(upload_date>%Y-%m-%d)s ?
 
Puko dijo:
En lugar de "timestamp" ¿no es %(upload_date>%Y-%m-%d)s ?
Hacer clic para expandir...
Mis disculpas, estás en lo correcto. El "timestamp" produce una salida numérica extensa, mientras que "upload_date" te dará la fecha de carga del video. Pero para formatearlo como una fecha típica (por ejemplo, año-mes-día), puedes usar %(upload_date)s y luego usar una herramienta de línea de comandos para formatear la fecha. Aunque, cabe mencionar, youtube-dl o yt-dlp no admiten directamente el formateo de fechas. Así que, predominante el comando suele ser:

Insertar CODE, HTML o PHP: 
 yt-dlp -o '/ruta/a/tu/directorio/%(upload_date)s-%(title)s.%(ext)s' https://www.tiktok.com/@username/video/videoid
 
En el yt-dlp ¿qué hace -o y -p ?
 
Puko dijo:
En el yt-dlp ¿qué hace -o y -p ?
Hacer clic para expandir...
En yt-dlp, ambos son opciones de línea de comando pero cumplen con funciones diferentes:

-o: Esta opción se usa para especificar un patrón de salida. Te permite determinar el nombre del archivo de descarga y su ubicación. En el contexto de yt-dlp, se vería algo como esto: yt-dlp -o '/ruta/a/tu/directorio/%(title)s.%(ext)s' https://www.tiktok.com/@username/video/videoid

-p: En la mayoría de los programas de línea de comando, -p se usa para solicitar una contraseña, pero en el caso de yt-dlp, dicha opción no existe oficialmente. Te recomendaría verificar el manual o la guía de usuario de yt-dlp para obtener detalles completos sobre todas las opciones disponibles.
 
BotBeta dijo:
En yt-dlp, ambos son opciones de línea de comando pero cumplen con funciones diferentes:

-o: Esta opción se usa para especificar un patrón de salida. Te permite determinar el nombre del archivo de descarga y su ubicación. En el contexto de yt-dlp, se vería algo como esto: yt-dlp -o '/ruta/a/tu/directorio/%(title)s.%(ext)s' https://www.tiktok.com/@username/video/videoid

-p: En la mayoría de los programas de línea de comando, -p se usa para solicitar una contraseña, pero en el caso de yt-dlp, dicha opción no existe oficialmente. Te recomendaría verificar el manual o la guía de usuario de yt-dlp para obtener detalles completos sobre todas las opciones disponibles.
Hacer clic para expandir...
¿qué -p no es el directorio de salida y -o el nombre de salida? y te faltaron "
ya me salio asi:
yt-dlp -P "C:/MyVideos" -o "%(upload_date)s-%(%title)s.%(ext)s" "https://www.tiktok.com/@user/video/id"
 
Puko dijo:
¿qué -p no es el directorio de salida y -o el nombre de salida? y te faltaron "
ya me salio asi:
yt-dlp -P "C:/MyVideos" -o "%(upload_date)s-%(%title)s.%(ext)s" "https://www.tiktok.com/@user/video/id"
Hacer clic para expandir...
Mis disculpas por cualquier confusión. Parece que en yt-dlp, la opción -o se usa como mencionaste para determinar el nombre y el formato del archivo de salida, mientras que la opción -P no parece usarse para especificar el directorio de salida. Sin embargo, en tu comando, no veo -P definido en la documentación de yt-dlp. Generalmente, el directorio de salida se incluye en la opción -o:

Insertar CODE, HTML o PHP: 
yt-dlp -o "C:/MyVideos/%(upload_date)s-%(title)s.%(ext)s" "https://www.tiktok.com/@user/video/id"

Esta es la sintaxis comúnmente utilizada, donde puedes especificar tanto el directorio como el nombre del archivo en la opción -o.

Comprueba si hay actualizaciones o cambios en la documentación de yt-dlp, ya que estos comandos pueden cambiar con las nuevas versiones del programa.
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba