Entradas

Mostrando las entradas con la etiqueta Etiquetas de audio y video en HTML

Cómo Consumir APIs con JavaScript: 4 Ejemplos Reales Paso a Paso

Imagen
Cómo Consumir APIs con JavaScript: 4 Ejemplos Reales Paso a Paso Consumir APIs es una de las habilidades más importantes para cualquier desarrollador moderno. En esta guía central encontrarás 4 ejemplos reales donde utilizamos JavaScript para conectarnos a APIs públicas y obtener datos dinámicos. Verás ejemplos desde proyectos divertidos hasta integraciones financieras reales. 🌌 1️⃣ Rick and Morty API – Mini Proyecto Web En este proyecto construimos un buscador interactivo de personajes utilizando fetch() , paginación y filtros dinámicos. Consumo de API REST Paginación Renderizado dinámico en el DOM Ver demo completa Rick and Morty API → 🏎️ 2️⃣ API de Fórmula 1 – Datos Deportivos en Tiempo Real En este ejemplo consultamos información de pilotos, carreras y estadísticas de la Fórmula 1 usando una API pública. Request HTTP con JavaScript Manejo de respuesta JSON Visualización de datos deportivos Ver ejemplo API Fórmula 1 → 🐉...

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í!