Soundcore H5

H5 microwebsite platform for Soundcore's offline MASR experience event, enabling on-site audio recording, playback, and download functionality.

Overview

For Catalyst agency and Soundcore, we developed an interactive H5 microsite platform for offline MASR (Multi-dimensional Audio Spatial Recording) experience events, enabling users to capture and share their audio experiences.

Role Division: The brand experience and event design were created by Catalyst agency. Hyperyond engineered the technical platform — Next.js web application architecture, Unity-to-web integration systems, and serverless audio processing infrastructure.

Key Features

On-site MASR Recording: Professional audio capture via Unity-powered recording stations
Web-based Playback: Instant playback of recorded audio on mobile devices
Download Capability: Users can save their recordings for later use
Social Sharing: Easy sharing across social platforms
Mobile-Optimized: Responsive H5 platform designed for seamless mobile experience

Technologies Used

Next.js Frontend Framework
Vercel Deployment & Serverless Functions
Cloudflare R2 Storage
Unity (On-site Recording System)

Technical Implementation

For Catalyst agency, we built a complete end-to-end solution:

Next.js Web Application: Mobile-optimized H5 platform deployed on Vercel
Audio Processing: Serverless functions handling audio file management via Web Audio API
Cloud Storage: Cloudflare R2 for scalable audio file storage and delivery
Unity Integration: Connected on-site Unity recording system with web platform
Real-time Playback: Instant audio playback and download functionality
Social Sharing: Multi-platform sharing capabilities