Entradas

Mostrando las entradas con la etiqueta como crear una página WEB

Dashboard de Tenis en Tiempo Real con WebSocket y JavaScript en Blogger

Imagen
  Cómo crear un  Los datos en tiempo real son uno de los casos de uso más interesantes para los desarrolladores. Mientras que muchas APIs funcionan mediante solicitudes HTTP tradicionales, algunas plataformas ofrecen conexiones WebSocket que permiten recibir actualizaciones instantáneas sin necesidad de recargar la página. En este artículo mostraremos cómo conectarnos a Tennis API mediante WebSocket y cómo construir un dashboard de partidos de tenis en vivo utilizando únicamente HTML, CSS y JavaScript dentro de Blogger. ¿Qué es un WebSocket? Un WebSocket es un protocolo de comunicación que mantiene una conexión abierta entre el navegador y el servidor. A diferencia de una API REST tradicional donde el cliente debe preguntar constantemente si existen nuevos datos, con WebSocket el servidor envía la información automáticamente cuando ocurre un cambio. Esto resulta ideal para aplicaciones como: Marcadores deportivos en vivo Sistemas de monitoreo Dashboards financieros...

HTML con complementos de audio y video

Imagen
Hola bienvenidos a un post mas del blog programación para todos, hemos visto varios ejemplos en el blog de como poder crear nuestras páginas WEB ya sean  Estáticas con HTML o Dinámicas con PHP , ASP , Javascript o tener páginas mas completas con ayuda de Wordpress o Wix . Esta semana les quiero mostrarles un ejemplo de HTML pero ahora con complementos de audio y vídeo en nuestras páginas WEB El complemento de audio soporta 3 tipos de archivos: ogg,mpeg,wav  tiene como atributos: Controls: que nos permite mostrar los controles de play, pausa, adelantar, atrasar Src: es para indicar cual es el archivo origen que se reproducirá Mute: que es para silenciar el audio Loop: para ejecutar el audio de manera continua Para escribir la pagina web es: <audio controls>   <source src="prueba.ogg" type="audio/ogg" controls=true>   <source src="prueba.mp3" type="audio/mpeg">   <source src="prueba.wav" typ...

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!