Skip to content

Recording Scripts & Video Hosting Guide

Overview

This directory contains step-by-step recording scripts for creating Finora feature demo videos. Each script has two variants: - Short (30s) — feature highlight for social media and wiki embeds - Long (90–120s) — full walkthrough for support agent training

Scripts

# Script Feature Route
1 01-dashboard.md Dashboard /dashboard
2 02-invoicing.md Invoicing /invoices
3 03-expenses.md Expenses /expenses
4 04-receipts.md Receipts /receipts
5 05-paye-payroll.md PAYE & Payroll /tax/paye-returns
6 06-tax-compliance.md Tax Compliance /tax/compliance

Recording Setup

Tool: Recordly

  • Download: https://github.com/webadderall/Recordly
  • Settings: 1920x1080, 30fps, auto-zoom ON, cursor effects ON, frame padding 16px
  • Export: H.264 MP4, 16:9 aspect ratio

Method: Claude Computer Use

  1. Open Recordly and set it to record the screen
  2. Open Chrome with Finora logged in (deejaynamo@yahoo.com → COA Test School Academy)
  3. Enable Claude Computer Use (/mcp → enable computer-use)
  4. Claude follows each script: starts Recordly recording, walks through the app, stops recording, names the clip
  5. Each script produces 2 clips (short + long)

Output Files

recordings/
  01-dashboard-short.mp4
  01-dashboard-long.mp4
  02-invoicing-short.mp4
  02-invoicing-long.mp4
  03-expenses-short.mp4
  03-expenses-long.mp4
  04-receipts-short.mp4
  04-receipts-long.mp4
  05-paye-payroll-short.mp4
  05-paye-payroll-long.mp4
  06-tax-compliance-short.mp4
  06-tax-compliance-long.mp4

Total: 12 clips (6 features × 2 variants)

Bunny.net Stream Setup

1. Create a Stream Library

  1. Log in to https://dash.bunny.net
  2. Go to Stream → Add Video Library
  3. Name: finora-wiki-videos
  4. Select nearest storage region (e.g., Johannesburg or London)

2. Security Configuration

In the Stream Library settings:

Setting Value Purpose
Token Authentication Enabled Signs embed iframes — prevents unauthorized embedding
Allowed Domains wiki.finorabusiness.com Only this domain can embed videos
MediaCage DRM Enabled Prevents download via browser extensions or third-party tools
Direct Play Disabled Forces playback through embed player only

3. Get Your Credentials

From the library settings, note: - Library ID — numeric ID (e.g., 123456) - API Key — for programmatic uploads (optional; can use dashboard upload) - CDN Hostname — vz-xxxxx-xxx.b-cdn.net

4. Upload Videos

Option A — Dashboard upload: 1. Go to Stream → finora-wiki-videos → Upload 2. Drag and drop each MP4 file 3. Bunny transcodes automatically (HLS adaptive streaming)

Option B — API upload (for automation):

# Upload via Bunny.net Stream API
curl -X PUT \
  "https://video.bunnycdn.com/library/{LIBRARY_ID}/videos/{VIDEO_ID}" \
  -H "AccessKey: {API_KEY}" \
  -T "recordings/01-dashboard-short.mp4"

5. Get Video IDs

After upload, each video gets a GUID (e.g., a1b2c3d4-e5f6-7890-abcd-ef1234567890). Note the video ID for each clip — needed for embed URLs.

Wiki Embed Integration

Embed Format

Add this HTML block in each wiki article's section 2 ("How does it work in Finora?"):

<!-- Short demo clip -->
<div class="video-embed" style="position:relative;padding-top:56.25%;margin-bottom:1.5em;">
  <iframe
    src="https://iframe.mediadelivery.net/embed/{LIBRARY_ID}/{VIDEO_ID}?autoplay=false&loop=false&muted=false&preload=false"
    loading="lazy"
    style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;"
    allow="accelerometer;gyroscope;encrypted-media;picture-in-picture"
    allowfullscreen>
  </iframe>
</div>

Embed Placement Map

Wiki Article Short Video ID Long Video ID
dashboard/overview.md {TBD after upload} {TBD}
transactions/invoicing.md {TBD} {TBD}
transactions/expenses.md {TBD} {TBD}
transactions/receipts.md {TBD} {TBD}
tax-management/paye-returns.md {TBD} {TBD}
tax-management/tax-compliance.md {TBD} {TBD}

Testing the Embed

  1. Replace {LIBRARY_ID} and {VIDEO_ID} with real values
  2. Run mkdocs serve locally
  3. Verify video plays in the wiki page
  4. Test from a different domain (should be blocked by Allowed Domains)
  5. Test download attempt (should be blocked by MediaCage DRM)

Security Checklist

  • [ ] Token Authentication enabled on Stream Library
  • [ ] Allowed Domains set to wiki.finorabusiness.com only
  • [ ] MediaCage DRM enabled
  • [ ] Direct Play disabled
  • [ ] Test: video plays on wiki.finorabusiness.com
  • [ ] Test: video blocked on other domains
  • [ ] Test: download tools can't extract the video