Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

161
Vistas
¿Obtener el último archivo agregado en la carpeta y mostrarlo en una página html?

Mi situación:

  • Tengo una página HTML básica (intranet) que toma un video y lo reproduce en bucle.
  • Casi todos los días se crea un nuevo video y voy a index.html y cambio el valor de src.
  • La página web es estática en una pantalla remota, así que necesito ir y actualizar la página web.

código HTML

 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Cache-control" content="no-cache"> <meta http-equiv="Expires" content="-1"> <style> * { box-sizing: border-box; } body { margin: 0; font-family: Arial; font-size: 17px; } #myVideo { position: fixed; min-width: 100%; min-height: 100%; } video { width: 100%; height: 100%; } </style> </head> <body> <video autoplay muted loop id="myVideo"> <source src="Videos/filename.mp4" type="video/mp4"> </video> <script> window.setInterval('refresh()', 12000); // Call a function every 12000 milliseconds (OR 12 seconds). // Refresh or reload page. function refresh() { window .location.reload(); } </script> </body> </html>

Actualizaciones implementadas

  • Implementé una función de actualización que ocurre cada 12 segundos.
  • Aparecerá el nuevo video que puse en el index.html

Comportamientos adicionales

  • He visto que si uso el mismo nombre de archivo anterior en el nuevo video, no aparecerá el más nuevo en la página.
  • Necesito ir y hacer Ctrl + F5 en la pantalla remota y, a veces, necesito cerrar el navegador web y abrirlo nuevamente.
  • Si usé un nombre de archivo diferente en el nuevo video, la situación anterior no sucede.

¿Qué quiero lograr?

  • Si yo o cualquier otra persona pone un nuevo archivo en la carpeta dedicada a los videos, me gustaría que la página obtenga ese archivo y lo reproduzca.

He visto aquí que con Node.js , puedo obtener el archivo más nuevo en una carpeta y guardar el nombre en una variable pero,

  • ¿Hay alguna manera de hacer esto manteniéndolo solo con javascript y HTML? (o con ASP.NET/C#)
  • ¿Ha utilizado/implementado algo similar (con imágenes, documentos, etc.)? ¿Qué tecnologías usaste?

Saludos

about 4 years ago · Santiago Gelvez
1 Respuestas
Responde la pregunta

0

¿Hay alguna manera de hacer esto manteniéndolo solo con javascript y HTML? (o con ASP.NET/C#)

JavaScript simple y HTML son código estático del lado del cliente. No puede modificar nada almacenado en el servidor. Necesitará una aplicación del lado del servidor para manejar sus cargas de video, consultas, etc. Prácticamente todos los lenguajes del lado del servidor admiten esta función (PHP, ASP, NodeJS, C ++, Go, Rust...)

¿Ha utilizado/implementado algo similar (con imágenes, documentos, etc.)? ¿Qué tecnologías usaste?

Depende bastante de lo que quieras hacer. Puede seguir la ruta MVC para representar el código HTML, o seguir un enfoque separado al dividir el código del lado del cliente y del lado del servidor y vincularlos con un diseño de API.

about 4 years ago · Santiago Gelvez Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda