🎬 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)

<!-- 1. The Container -->
<div id="player" style="width: 100%; height: 500px;"></div>

<!-- 2. The Library -->
<script src="https://player.ray.techspecs.io/raymedia.js"></script>

<!-- 3. The Configuration -->
<script>
  RayMedia.create({
    // --- Core Settings ---
    container: '#player',           // DOM selector
    contentId: 'YOUR_CONTENT_ID',   // Required

    // --- Productivity Features ---
    assistant: true,    // Smart Summaries & Interactive Chat
    dictionary: true,   // Smart Dictionary

    // --- Casting & Device Features ---
    pip: true,          // Picture-in-Picture
    airplay: true,      // Apple AirPlay
    chromecast: true,   // Google Cast

    // --- Monetization ---
    ads: true,          // VAST Prerolls & Subtitle Text Ads

    // --- Playback Behavior ---
    autoplay: false,
    analytics: true,
    defaultQuality: 'auto',

    // --- Event Callbacks ---
    onReady: () => console.log('✅ Ready'),
    onError: (err) => console.error('⚠️ Error:', err)
  });
</script>

The player automatically fetches all your video data using just the content ID.

Configuration Options

contentId *required

The unique identifier for your media content.

analytics

Enable/disable analytics tracking. Default: true

autoplay

Auto-start playback when ready. Default: false

defaultQuality

Preferred quality on load. Options: 1080p, 720p, 480p, 360p

Multiple Players Test