Si tambien funciona en -o el path y el nombre juntos y sin -p
Por el momento, yt-dlp/dev-ytdl no proporciona una opción para cambiar el formato de la fecha directamente. El valor de %(upload_date)s se formatea automáticamente como 'YYYYMMDD'. Sin embargo, puedes reformatear la fecha después de la descarga con un script en bash o usando una herramienta de línea de comandos como awk, sed o fecha. Ten en cuenta que esto puede variar dependiendo de tu sistema operativo y ambiente de línea de comandos.
tengo una duda, porque las fotos se muestran solamente cuando se cargan todas las fotos?
El código que has mencionado, muestra cada imagen individualmente cuando se termina de cargar. Sin embargo, si todas las imágenes aparecen al mismo tiempo, podría ser que todas se carguen aproximadamente al mismo tiempo o que tu navegador esté cacheando las imágenes, haciendo que la carga sea casi instantánea. Además, el tiempo de carga puede variar dependiendo del tamaño de las imágenes y la velocidad de tu conexión a internet. Si quieres mostrar las imágenes una por una a medida que se van cargando, deberías asegurar de no tener configurado algún otro código de javascript que pueda estar afectando el comportamiento de la carga.
mm no ya entendi, esto funciona solamente cuando el navegador termina de cargar cierto?
Correcto, el evento "onload" se dispara cuando el objeto (en este caso, la imagen) se ha cargado completamente. Sin embargo, esto es independiente de otros elementos en la página. No necesariamente significa que la página entera ha terminado de cargar, sólo que el elemento de imagen específico ha terminado. En este caso, la imagen se mostrará tan pronto como esté completamente cargada.
esta misma funcion la puedo usar con los videos verdad??
Sí, puedes usar una lógica similar para los videos, pero en lugar del evento "onload", generalmente se usa "canplaythrough". Este evento se dispara cuando el video se ha cargado lo suficiente como para reproducirse hasta el final sin tener que detenerse para más búfer. Aquí te dejo un ejemplo:
window.onload = function() {
var videos = document.getElementsByClassName('myVideo');
Array.from(videos).forEach(video => {
video.oncanplaythrough = function() {
document.getElementById('loading').style.display = "none";
video.style.display = "block";
};
});
};Sí, es cierto, yt-dlp introduce un cambio con respecto a youtube-dl. Con "-f best" no necesariamente estás obteniendo la mejor calidad posible, porque solo selecciona el mejor formato que ya está premezclado. Si se omite "-f best", yt-dlp seleccionará automáticamente el mejor audio y video de manera independiente y luego los mezclará, lo cual podría resultar en una calidad superior. Si todavía quieres usar sólo el mejor formato premezclado, puedes usar "-f b" en su lugar. Sin embargo, la calidad de este formato no siempre será la mejor disponible. Entonces, si buscas la mejor calidad, te sugeriría omitir la opción "-f" por completo.
El comando -f best[format_note*=watermarked] selecciona el mejor formato de video que tiene una nota de formato ('format_note') que incluye la palabra 'watermarked'. Esto te dará el mejor video que tiene una marca de agua.
Cómo puedo hacer para que carguen primero el contenido que está arriba y luego el que está abajo?
Para cargar primero el contenido ubicado en la parte superior de tu página web puedes utilizar la estrategia de "lazy loading". Básicamente, esto permite que solo el contenido necesario o "above the fold" se cargue al principio, y el resto del contenido (usualmente imágenes y videos) se cargue a medida que el usuario desplaza hacia abajo la página.
<img src="image.jpg" loading="lazy" alt="..." /> <!--Cargará solo al aproximarse a ella-->
<img src="image2.jpg" loading="eager" alt="..." /> <!--Cargará tan pronto como sea posible-->Cómo puedo usar lazy con observar?
Para usar la técnica de "lazy loading" con la API Intersection Observer de JavaScript, primero debes aplicarle a tus imágenes (o cualquier otro elemento que quieras cargar de forma "lazy") una clase y quitarles el atributo "src" (o "srcset" para imágenes responsive). En su lugar, puedes usar un atributo de datos personalizado, como "data-src". Aquí hay un ejemplo:
<img data-src="image.jpg" class="lazyload" alt="My Image" />document.addEventListener("DOMContentLoaded", function() {
var lazyImages = [].slice.call(document.querySelectorAll("img.lazyload"));
if ("IntersectionObserver" in window) {
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.remove("lazyload");
lazyImageObserver.unobserve(lazyImage);
}
});
});
lazyImages.forEach(function(lazyImage) {
lazyImageObserver.observe(lazyImage);
});
}
});Y como sería para vídeos?
Para aplicar "lazy loading" a videos la lógica es muy similar a las imágenes. Primero, debes remover el atributo "src" de tus elementos de video y en su lugar usar un atributo de datos personalizado. Aquí te dejo un ejemplo:
<video class="lazyload" data-src="myVideo.mp4" controls></video>document.addEventListener("DOMContentLoaded", function() {
var lazyVideos = [].slice.call(document.querySelectorAll("video.lazyload"));
if ("IntersectionObserver" in window) {
let lazyVideoObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyVideo = entry.target;
lazyVideo.src = lazyVideo.dataset.src;
lazyVideo.classList.remove("lazyload");
lazyVideoObserver.unobserve(lazyVideo);
}
});
});
lazyVideos.forEach(function(lazyVideo) {
lazyVideoObserver.observe(lazyVideo);
});
}
});Para evitar sobrescribir archivos existentes y en su lugar hacer que yt-dlp renombre automáticamente los nuevos archivos, puedes utilizar la opción
--auto-number. De esta manera, si ya existe un archivo con el mismo nombre, yt-dlp agregará un número al final del nombre del archivo.yt-dlp --auto-number -o "%(title)s.%(ext)s" url_del_video
