On this page

Playback

Public playback

Use the worker URL:

https://worker.antcdn.net/v1/{edgeKey}/master.m3u8

Private playback (JWT)

For private videos, generate a JWT on your backend and append it as a query param:

https://worker.antcdn.net/v1/{edgeKey}/master.m3u8?jwt={jwt}

See /docs/video-playback-controls/private-videos for the full flow and signing examples.

HLS.js example

1
<video id="v" controls playsinline></video>
2
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
3
<script>
4
(async () => {
5
  // Fetch a playback URL (or JWT) from YOUR backend after you validate the user.
6
  const res = await fetch(`/api/playback-url?edgeKey=${encodeURIComponent(EDGE_KEY)}`);
7
  const { playbackUrl } = await res.json();
8
  const v = document.getElementById('v');
9
  if (Hls.isSupported()) {
10
    const hls = new Hls();
11
    hls.loadSource(playbackUrl);
12
    hls.attachMedia(v);
13
  } else {
14
    v.src = playbackUrl;
15
  }
16
})();
17
</script>