Pedro Clavero De Dios' Media Demo

Audio, Video & Web Media Showcase

Media Demonstration

This page showcases various multimedia elements including audio, video, animated GIFs, slideshows, and interactive web media components.

  1. Audio

1. Audio File - Welcome Message

A sample audio welcome message demonstrating HTML5 audio player with controls:

Sample audio file for demonstration purposes.

2. Video File - Sample Video

A sample video demonstrating HTML5 video player with controls:

Sample video file for demonstration purposes.

3. Animated GIF

An animated GIF demonstrating animation capabilities:

Animated GIF demonstration

Animated GIF created from sample images.

4. Slideshow/Carousel

An interactive image slideshow with navigation controls:

EMR System Light Mode
EMR System Dark Mode
La Salud Website
Appointment System

5. YouTube Video Embed

An embedded YouTube video demonstrating iframe integration:

Sample YouTube video embed for demonstration purposes.

6. Z-Index Image Stacking

Images stacked using CSS z-index property to create layered effect:

Layer 1 Layer 2 Layer 3

Three images layered using z-index to demonstrate stacking context.

7. RSS Feed Integration

RSS feed widget demonstrating web feed integration:

RSS Feed Widget

RSS feed integration example - In production, this would display dynamic content from a news source or blog.

Sample RSS sources: BBC News, NPR, TechCrunch, etc.

Media File Information

All media files are stored in the /media/ folder. The following file types are commonly used in web development:

  • .mp3 - MPEG Audio file (audio compression format)
  • .mp4 - MPEG-4 video file (video compression format)
  • .gif - Graphics Interchange Format (supports animation)
  • .webm - WebM video format (modern web video standard)
  • .ogg - Ogg Vorbis audio format (open-source audio)