vidbin

A simple proof-of-concept for a temporary, short-form video hosting platform powered by Cloudflare Stream, built on Cloudflare Pages, Workers, and D1.

This README needs... a lot of love. But I gotta finish my slides first.

Functionality Demonstrated

Architecture Overview

Database Schema

I thought about doing this without any storage app-side and leaving it all to Stream, but I wanted to enable these things:

• A shorter URL than the full Stream video ID
• Making sure that the app would only show videos created through it
• Knowing the state of a video without having to look it up each time
• Demonstrating common advice I give to prospects/customers, that there are uses in maintaining a map between the Stream video and custom data.

CREATE TABLE videos (
    id                INTEGER PRIMARY KEY AUTOINCREMENT
                              NOT NULL,
    video_id          TEXT    UNIQUE
                              NOT NULL,
    endpoint          TEXT,
    name              TEXT,
    created           TEXT,
    status            TEXT,
    scheduledDeletion TEXT
);

How we get status updates from the Stream API

When on-demand videos are processed, Stream API can call a webhook.

• https://developers.cloudflare.com/stream/manage-video-library/using-webhooks/#notifications
• It calls this endpoint
• Setup:
  • PUT to https://api.cloudflare.com/client/v4/accounts/TAG/stream/webhook
  • Body: {"notificationUrl": "https://vidbin.tsmith.com/api/webhook"}
  • Response:

      {
          "result": {
              "notification_url": "https://vidbin.tsmith.com/api/webhook",
              "notificationUrl": "https://vidbin.tsmith.com/api/webhook",
              "modified": "2024-01-23T04:45:33.324235Z",
              "secret": "REDACTED"
          },
          "success": true,
          "errors": [],
          "messages": []
      }