SWIRL

Converts static video files into interactive web experiences by overlaying clickable product hotspots at specified timestamps. The system likely uses frame-by-frame video analysis or manual annotation to identify product placement moments, then embeds interactive UI elements (hotspots, cards, CTAs) synchronized to video playback using WebGL or Canvas-based rendering with precise timestamp mapping. This enables seamless product discovery without interrupting video flow.

Manages the creation, positioning, and temporal synchronization of clickable product hotspots within video frames. The system stores hotspot metadata (x/y coordinates, product ID, start/end timestamps, tooltip text) in a structured format (likely JSON or database records) and renders them at precise video playback positions using event listeners on the HTML5 video element's timeupdate event. Supports drag-and-drop UI for manual placement or algorithmic positioning based on scene detection.

Integrates payment processing directly into the video experience using embedded checkout flows (likely Stripe, PayPal, or proprietary payment gateway integration). When a viewer clicks a product hotspot, a modal or side panel opens with product details and a checkout form, processing payments without redirecting to an external site. The system handles payment authorization, order creation, and transaction logging while maintaining video playback context.

Tracks and aggregates viewer interactions with video hotspots and products in real-time, logging events (hotspot clicks, product views, checkout initiations, purchases) with timestamps and viewer metadata. Data is streamed to a backend analytics service (likely using event-based architecture with message queues or WebSocket connections) and aggregated into dashboards showing conversion funnels, hotspot performance, and viewer engagement metrics. Supports filtering by time range, product, and viewer segment.

Provides a centralized interface for managing product metadata (name, price, image, SKU, inventory status, description) and synchronizing with external e-commerce systems (Shopify, WooCommerce, custom APIs). The system likely uses webhooks or scheduled polling to detect inventory changes and update product availability in real-time. Supports bulk import/export of product data via CSV or API, enabling creators to manage large catalogs without manual entry.

Enables creators to embed shoppable videos on external websites, social media platforms, and email campaigns via iframe or JavaScript embed code. The system generates platform-specific embed codes that preserve interactivity and analytics tracking across different hosting contexts. Supports responsive design to adapt video player size and hotspot positioning to different screen sizes and aspect ratios without breaking functionality.

Tracks individual viewer sessions across video interactions, maintaining state for cart contents, purchase history, and personalization preferences. Uses session tokens or cookies to identify returning viewers and link interactions to user accounts (if authenticated). Supports anonymous viewing with session-based tracking and optional user registration for order history and personalized recommendations. Integrates with CRM or customer data platforms for audience segmentation.

Optimizes video delivery for fast playback and low bandwidth consumption using adaptive bitrate streaming (likely HLS or DASH), content delivery network (CDN) caching, and video codec optimization. Automatically transcodes uploaded videos into multiple quality levels (480p, 720p, 1080p, 4K) and selects the appropriate bitrate based on viewer's connection speed and device capabilities. Supports progressive download for faster initial playback.

Calculates creator earnings based on video views, product clicks, and completed purchases, applying configurable commission rates or revenue-sharing models. Aggregates earnings across multiple videos and creators, generates detailed earnings reports, and facilitates payouts via bank transfer, PayPal, or other payment methods. Supports tiered commission structures (e.g., higher commission for top-performing creators) and promotional campaigns with temporary commission boosts.

Implements content moderation for uploaded videos and product listings to ensure compliance with platform policies and legal requirements. Uses automated scanning (likely AI-based video analysis for explicit content, copyright detection) combined with manual review workflows for flagged content. Supports geographic compliance rules (e.g., age-restricted products, region-specific regulations) and integrates with third-party moderation services for scale.