Media

Watch surface

Player, playlist, chapters, transcript, library, audio, reacts, thumbnails and trim — composed as a real media page.

Back to patterns

Now playing

Quality lives in the player chrome. Playlist, chapters and transcript stay in sync through the shared watch player name.

Spring bloom

/

Spring bloom

A short CC0 nature clip used to demo Harbour’s media suite end-to-end.

AL

Ada Lovelace

Uploaded by

12.4k
Jun 12, 2026
0:05
1280 × 720
1.8 Mbps
30 fps
H.264
MP4
1.2 MB
nature demo cc0

Chapters

chapters

Transcript

cues

No matching lines.

Performance

Audience engagement for this media item.

Views

12.4k

Watch time

186h

Completion

64%

Avg. view

0:04

Comments

comments · posting at

Comment will be pinned to the current playhead.

Up next

videos

No videos in this playlist.

Edit

Choose a poster frame, trim in/out points, and refine captions.

Choose a thumbnail

Select a frame to use as the video poster.

Trim clip

Drag the handles to set in and out points.

selected

Caption editor

cues · playhead

Create

Upload clips, monitor levels, and capture a new take.

Upload media

Drop clips onto the zone or browse from your device.

Studio capture

Capture camera or microphone input for your media library.

00:00

Master

%

Mic

%

Library

Searchable grid that dispatches into the same watch player. Try filtering by uploader or tag.

All videos

Click a card to load it in the player above.

of videos

No videos yet

Upload a video or adjust your filters.

Audio

Compact player chrome plus waveform cards for podcasts, voice notes and clip libraries.

/

Field recording

Harbour Radio · Episode 12

0:00 0:00

Studio take

Harbour Sessions

0:00 0:00

Up next

tracks

Empty & processing

Placeholders for library gaps and in-flight transcodes.

No videos yet

Upload a clip or pick one from your library.

Transcoding Spring bloom

1080p and 720p renditions are almost ready.

Transcoding 64%