Video & Streaming
Solutions.

// Create a signed playback URL (expires in 2 hours)
const response = await fetch(
  'https://api.buzstorage.com/v1/videos/FILE_ID/playback-url?expiresIn=7200',
  {
    method: 'POST',
    headers: {
      'x-api-key': 'YOUR_API_KEY',
      'x-api-secret': 'YOUR_API_SECRET',
    }
  }
);

const { data } = await response.json();
// data.masterManifestUrl  → signed HLS URL for your player
// data.thumbnailUrl        → preview image
// data.storyboardUrl       → WebVTT for timeline scrubbing
// data.expiresAt           → ISO timestamp

import Hls from 'hls.js';

async function mountPlayer(videoEl, fileId) {
  const res = await fetch(`/v1/videos/${fileId}/playback-url`, {
    method: 'POST',
    headers: { 'x-api-key': KEY, 'x-api-secret': SECRET },
  });
  const { data } = await res.json();

  if (Hls.isSupported()) {
    const hls = new Hls();
    hls.loadSource(data.masterManifestUrl);
    hls.attachMedia(videoEl);
  } else {
    // Safari supports HLS natively
    videoEl.src = data.masterManifestUrl;
  }
}

// Append transform params to your signed master manifest URL
const baseUrl = data.masterManifestUrl;

const watermarkedUrl = `${baseUrl}&watermark=${
  encodeURIComponent('https://cdn.yourapp.com/logo.png')
}`;

// Pass watermarkedUrl to your player — the watermark is
// applied per-segment by the backend, no re-encoding needed.
hls.loadSource(watermarkedUrl);