Web Technology Demos

This repository contains the source code for my personal website and a collection of web technology demos.

Visit the live website

Available Test Pages:

• Spatial Audio Test Page

  • Description: Demonstrates playback of potentially spatialized MP4 video/audio files and includes a Web Audio API example for 3D positional audio.

• Video Flip Test Page

  • Description: Features live camera preview, video recording with selectable MIME types, a conceptual video flip effect.

• WebCodecs Opus Test

  • Description: Tests the WebCodecs AudioEncoder and AudioDecoder with the Opus codec and a user-defined frame duration.

• VTTCue Timing Test

  • Description: Dynamically injecting a VTTCue into a video track to observe its timing and event behavior.

• Audio Playback Test

  • Description: Record a 5-second audio clip from a microphone and play it back to verify capture quality.

• MSE Test Page

  • Description: Media Source Extensions (MSE) test page for various media types using source URL and type as query parameters.

• Media Formats Test

  • Description: Verifies that the browser can successfully record and natively play back media formats (e.g., Matroska, QuickTime).

• Autoplay Test Page

  • Description: Tests the browser’s autoplay permissions for audio playback.

Personal Projects

• Spotify Heardle

  • Description: Game where a Premium Spotify User can log in and play a song guessing game based on their playlists.

Technologies Used

• HTML5 / CSS3 / JavaScript
• WebRTC & Web Audio API
• Media Source Extensions & WebCodecs
• Jekyll & GitHub Pages

---

This site is built with Markdown and hosted on GitHub Pages.