Video Infrastructure for Modern Apps

// Upload a video to DynTube
const form = new FormData();
form.append('file', fileInput.files[0]);

const response = await fetch(
  'https://upload.dyntube.com/v1/videos',
  {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer YOUR_API_KEY'
    },
    body: form
  }
);

const video = await response.json();
console.log(video);

// Fetch video analytics
const res = await fetch(
  'https://stats.dyntube.com/v1/logs/data',
  {
    headers: {
      'Authorization': 'Bearer YOUR_API_KEY'
    }
  }
);

const data = await res.json();
// Returns: views, watchTime, geo,
// device info, and more

// Listen to player events with SDK
const player = DynTube.Player('#video-container', {
  videoId: 'vid_123',
  autoplay: false
});

player.on('play', () => {
  console.log('Video started');
  analytics.track('video_play');
});

player.on('progress', (data) => {
  if (data.percent === 50) {
    showCallToAction();
  }
});