AnsdevDocs
Dashboard

Quickstart

Five steps from zero to a working video player on your website.

1. Sign up

Create your Ansix ID at ansix.ansdev.cloud.

💡 Your ₹10 is not a fee

The verification charge is converted to 10 Ansdev Credits in your wallet — instantly usable for video processing, AI calls, or storage.

2. Upload a video

In the dashboard, open Smart Stream Console → Upload. Drop a video file (max 2 GB). The pipeline transcodes to adaptive 1080p / 720p / 480p HLS in the background and notifies you when it's ready.

3. Generate an API key

Go to Dashboard → API Keys → Create New Key. Give it a name, pick the video:read scope, and save.

⚠️ Shown once

The full key (ak_live_…) is returned only at creation. Copy it into your secrets store immediately. If you lose it, revoke and create a new one.

4. Embed the player

Plain HTML

<script src="https://sdk.ansdev.cloud/v1/player.js"></script>

<ansdev-player
  api-key="ak_live_8f3a9b2c1d4e5f6a7b8c9d0e1f2a3b4c"
  video-id="vid_abc123def456"
></ansdev-player>

React

import { useEffect } from 'react';

export function VideoPlayer({ videoId }: { videoId: string }) {
  useEffect(() => {
    const s = document.createElement('script');
    s.src = 'https://sdk.ansdev.cloud/v1/player.js';
    s.async = true;
    document.body.appendChild(s);
    return () => { document.body.removeChild(s); };
  }, []);

  return (
    <ansdev-player
      api-key={process.env.NEXT_PUBLIC_ANSDEV_PUBLIC_KEY}
      video-id={videoId}
    />
  );
}

⚠️ Never expose live keys client-side

The example above uses a publishable key intentionally restricted to playback. For production, generate playback tokens server-side and pass them to the SDK — see Generate Playback Token.

5. You're done

The player handles manifest fetching, ABR streaming, encryption keys, and analytics out of the box.

Next steps

Previous← IntroductionNextAuthentication →