🎬 RayMedia Player

Enterprise-grade embeddable media player with analytics

⚠️ Note: For testing, using direct video URLs. In production, the player fetches sources from your API using just the contentId.

Live Demo with Analytics

Ready

📊 Analytics Session Info

Content ID
-
Session ID
-
Media Type
-
Analytics Status
-
Quality
-
[--:--:--] RayMedia embed test ready. Enter a Content ID and click "Load Content" to start.

Simple Integration (Production)

<!-- Minimal embed code - just contentId needed! -->
<div id="player"></div>
<script src="https://player.techspecs.io/ray-media.js"></script>
<script>
  RayMedia.create({
    container: '#player',
    contentId: 'abc123',
    assistant: true,
    dictionary: true
  });
</script>

The player automatically fetches all video sources (1080p, 720p, etc.), subtitles, and metadata from your API using just the content ID.

Configuration Options

contentId *required

The unique identifier for your media content. The player uses this to fetch all sources and metadata from your API.

analytics

Enable/disable analytics tracking. Default: true

autoplay

Auto-start playback when ready. Default: false

assistant

Enable AI Assistant feature. Default: false

dictionary

Enable Smart Dictionary feature. Default: false

Multiple Players Test

Backend API Endpoints

GET /v1/media/{contentId}/manifest

Returns all media sources, subtitles, and metadata for a content ID. Called automatically by the player on init.

POST /v1/analytics/beacon

Tracks a single playback event (play, pause, seek, etc.). Called automatically by the player.

GET /v1/analytics/content/{id}/stats

Returns aggregated analytics for a content (views, watch time, countries, devices).

GET /health

Health check endpoint. Returns status of ClickHouse and GeoIP services.