@vocalstack/player 0.1.0-alpha.63 → 0.1.0-alpha.64

package/README.md

@@ -36,7 +36,7 @@ export function Video() {
 | `baseUrl` | `https://api.vocalstack.com` | |
 | `onSource`, `onProgress`, `onError` | | Called with the loaded transcription, the transcription progress (0-100, `null` when done), and errors. |
 | `onPlayback` | | Called about ten times a second while anything changes, with `{ t, dur, playing, idx, seekN, lang }`: the time in seconds, the length, whether it plays, the index of the current line, a counter that grows on every seek, and the language shown. |
-| `ref` | | A `PlayerHandle`: `seek(t)`, `play()`, `pause()`, `toggle()`, `toggleMute()`, and `load(link)`, which opens a video link (or a share link) in the player as if the viewer had pasted it. |
+| `ref` | | A `PlayerHandle`: `seek(t)`, `play()`, `pause()`, `toggle()`, `toggleMute()`, `load(link, { poster })`, which opens a video link (or a share link) in the player as if the viewer had pasted it (`poster` is an optional picture shown behind it until it plays), and `clear()`, which empties the player again. |
 | `compact` | `false` | Small controls at any width, and no title, summary or share card when paused. For a player inside a side column or card. |
 | `poster` | | An image shown behind the player before a video is chosen or before the visitor connects. |
 

package/dist/core/archive.d.ts

@@ -0,0 +1,19 @@
+export interface ArchiveFile {
+    name?: string;
+    format?: string;
+    source?: string;
+    height?: string | number;
+    size?: string | number;
+    length?: string | number;
+}
+export declare function archiveVideoFile(id: string, meta: {
+    files?: ArchiveFile[];
+    metadata?: {
+        mediatype?: string;
+    };
+} | null | undefined, want?: string | null): string | null;
+export declare function archiveTarget(raw: string | null | undefined): {
+    id: string;
+    file: string | null;
+} | null;
+export declare function archiveSetup(id: string, file: string | null): (v: HTMLVideoElement, fail: () => void) => () => void;

package/dist/core/dailymotion.d.ts

@@ -0,0 +1,38 @@
+export declare const DAILYMOTION_PLAYER = "x8lr5";
+export declare function dailymotionPlayerId(id: string | null | undefined): string;
+export declare function dailymotionLib(player?: string | null): string;
+export declare function dailymotionFrame(video: string, at: {
+    t: number;
+    play: boolean;
+    player?: string | null;
+}): string;
+export interface DmState {
+    videoTime?: number;
+    playerIsPlaying?: boolean;
+    adIsPlaying?: boolean;
+    videoId?: string | null;
+    videoDuration?: number;
+    playerIsReplayScreen?: boolean;
+    playerIsMuted?: boolean;
+    playerVolume?: number;
+    playerIsBuffering?: boolean;
+}
+export type DmStep = {
+    kind: 'none';
+} | {
+    kind: 'reload';
+} | {
+    kind: 'play';
+} | {
+    kind: 'pause';
+} | {
+    kind: 'seek';
+    to: number;
+};
+export declare function dmStep(s: DmState, want: {
+    video: string;
+    t: number;
+    playing: boolean;
+    settling?: boolean;
+}, over?: number): DmStep;
+export declare function dmLoud(s: DmState | null | undefined): boolean;

package/dist/core/embeds.d.ts

@@ -2,6 +2,7 @@ export interface EmbedAt {
     t: number;
     play: boolean;
     host?: string;
+    player?: string | null;
 }
 export declare function loomId(raw: string): string | null;
 export declare function vimeoIds(raw: string): {
@@ -23,6 +24,7 @@ export declare function sourceVideoUrl(src: {
     site?: string | null;
     embedId?: string | null;
 } | null | undefined): string | null;
+export declare function linkVideoFile(raw: string | null | undefined): string | null;
 export declare function wistiaId(raw: string): string | null;
 export declare function vidyardId(raw: string): string | null;
-export declare function embedSignal(raw: string | null | undefined): RegExp | null;
+export declare function stillThumb(url: string | null | undefined): string | null;

package/dist/core/facebook.d.ts

@@ -0,0 +1,26 @@
+import { type VmState, type VmStep } from './vimeo';
+export interface FbState extends VmState {
+    seen: number | null;
+}
+export declare const FB_TICK = 0.5;
+export declare function fbState(): FbState;
+export declare function fbSample(s: FbState, pos: number, now: number): void;
+export declare function fbNow(s: FbState, now: number): number | null;
+export declare function fbStep(s: FbState, want: {
+    t: number;
+    playing: boolean;
+    settling?: boolean;
+    lead?: number;
+}, now: number, over?: number): VmStep;
+export declare function fbFit(box: {
+    w: number;
+    h: number;
+}, frame: {
+    w: number;
+    h: number;
+}): {
+    scale: number;
+    w: number;
+    h: number;
+};
+export declare function fbWidth(box: number, screen: number): number;

package/dist/core/find.d.ts

@@ -0,0 +1,9 @@
+export interface FindRow {
+    id: string;
+    text: string;
+    translations?: Record<string, string>;
+}
+export declare function findMatches(rows: FindRow[], q: string, lang?: string | null): number[];
+export declare function stepMatch(at: number, total: number, dir: 1 | -1): number;
+export declare function matchAt(rows: FindRow[], matches: number[], id: string | null): number;
+export declare function findCount(at: number, total: number): string;

package/dist/core/loomStream.d.ts

@@ -1,4 +1,5 @@
 import type { FollowSetup } from '../ui/FileFollow';
 export declare function loomStreamUrl(id: string): Promise<string | null>;
+export declare function isPlaylist(url: string): boolean;
 export declare function signedLoader(master: string): (xhr: XMLHttpRequest, u: string) => void;
 export declare function loomSetup(id: string): FollowSetup;

package/dist/core/share.d.ts

@@ -1 +1,2 @@
 export declare function shareCodeOf(raw: string): string | null;
+export declare function playIdOf(id: string | null | undefined, withToken: boolean): string;

package/dist/core/streamTime.d.ts

@@ -0,0 +1,12 @@
+export interface Span {
+    wallStart: number;
+    wallEnd?: number | null;
+    mediaStart: number;
+}
+export interface Gap {
+    at: number;
+    shift: number;
+}
+export declare function spanGaps(spans: readonly Span[]): Gap[];
+export declare function toStream(t: number, base: number, gaps: readonly Gap[]): number;
+export declare function fromStream(y: number, base: number, gaps: readonly Gap[]): number;

package/dist/core/vimeo.d.ts

@@ -0,0 +1,38 @@
+export declare const VIMEO_ORIGIN = "https://player.vimeo.com";
+export declare function vimeoFrame(id: string, at: {
+    t: number;
+    h?: string | null;
+}): string;
+export interface VimeoMsg {
+    event?: string;
+    method?: string;
+    value?: unknown;
+    data?: Record<string, unknown>;
+}
+export declare function vimeoMsg(origin: string, data: unknown): VimeoMsg | null;
+export interface VmState {
+    t: number | null;
+    at: number;
+    playing: boolean;
+    buffering: boolean;
+    duration: number | null;
+    ended?: boolean;
+}
+export type VmStep = {
+    kind: 'none';
+} | {
+    kind: 'play';
+} | {
+    kind: 'pause';
+} | {
+    kind: 'seek';
+    to: number;
+};
+export declare function vimeoNow(s: VmState, now: number): number | null;
+export declare function vmStep(s: VmState, want: {
+    t: number;
+    playing: boolean;
+    settling?: boolean;
+    lead?: number;
+}, now: number, over?: number): VmStep;
+export declare function vimeoLoud(data: Record<string, unknown> | null | undefined): boolean;

package/dist/data/connect.d.ts

@@ -4,6 +4,7 @@ export interface Started {
     recordingId: string;
     token: string;
     expiresAt: string | null;
+    shareCode?: string | null;
 }
 export type PopupStatus = 'signing-in' | 'consent' | 'looking' | 'confirm' | 'checking' | 'starting';
 export declare function openPopup(appUrl: string | undefined, ask: {
@@ -11,7 +12,14 @@ export declare function openPopup(appUrl: string | undefined, ask: {
     transcription?: string;
     ask?: boolean;
     connect?: boolean;
+    tx?: {
+        voices: 'cloned' | 'synthetic';
+        spoken: string | null;
+        speakers: 'auto' | 'on' | 'off';
+    };
 }, onStatus?: (s: PopupStatus) => void): Promise<Started | 'connected' | null>;
 export declare function startFromEmbed(appUrl: string | undefined, url: string, onStatus?: (s: PopupStatus) => void): Promise<Started | null>;
 export declare function wasConnected(appUrl: string | undefined): boolean;
 export declare function rememberConnected(appUrl: string | undefined): void;
+export declare function rememberedCode(link: string): string | null;
+export declare function rememberCode(link: string, code: string | null): void;

package/dist/data/context.d.ts

@@ -51,8 +51,14 @@ export interface ApiOptions {
 }
 export declare function useApi(o: ApiOptions): PlayerApi;
 export declare function withMedia(api: PlayerApi, media: string | null): PlayerApi;
-export declare function loadSource(api: PlayerApi, id: string): Promise<PlayerSource>;
-export declare function useSource(api: PlayerApi, id: string): {
+export declare function isLiveRecording(r: Pick<Recording, 'kind' | 'state'> | null | undefined): boolean;
+export declare function streamOffsetS(ingest: {
+    mediaAt?: string | null;
+    streamStartedAt?: string | null;
+} | null | undefined): number;
+export declare function liveJob(recording: Recording, url: string | null | undefined): TranscriptionJob | null;
+export declare function loadSource(api: PlayerApi, id: string, recordingId?: string | null): Promise<PlayerSource>;
+export declare function useSource(api: PlayerApi, id: string, recordingId?: string | null): {
     source: PlayerSource | null;
     gone: boolean;
     error: ErrorLike | null;

package/dist/ds/Icons.d.ts

@@ -14,6 +14,7 @@ export declare const D: {
     chevronRight: string;
     chevronLeft: string;
     chevronDown: string;
+    chevronUp: string;
     external: string;
     arrowLeft: string;
     arrowRight: string;

package/dist/ds/LanguagePicker.d.ts

@@ -12,13 +12,14 @@ export interface LanguageListProps {
     languages: PickerLanguage[];
     searchPlaceholder?: string;
     none?: string;
+    noneNote?: string;
     pinned?: string[];
     recent?: string[];
     requireVoice?: boolean;
     keepOpen?: boolean;
     busy?: string | null;
 }
-export declare function useLanguageList({ open, onClose, value, onSelect, languages, searchPlaceholder, none, pinned, recent, requireVoice, keepOpen, busy }: LanguageListProps & {
+export declare function useLanguageList({ open, onClose, value, onSelect, languages, searchPlaceholder, none, noneNote, pinned, recent, requireVoice, keepOpen, busy }: LanguageListProps & {
     open: boolean;
     onClose: () => void;
 }): {

package/dist/index.d.ts

@@ -5,11 +5,11 @@ export { PlayerApiProvider, usePlayerApi, useApi, type PlayerApi, type PlayerApi
 export type { ErrorLike } from './data/errors';
 export { setErrorReporter, type MediaCred } from './core/audio';
 export { useTranscript } from './data/transcript';
-export { useTxPlayer, useTxVoice, useDuck, useFlash, useYtLead, useFindPull, YtFollow, MuteButton, TxLines, TxFind, lineWords, spokenWordOf, pictureT, lineEnd, PAUSE_D, PLAY_D, NO_SEEK, PUB_SIDE, type TxPlayer, type YtLead, type VoiceSheetHooks, type VoiceSheetCtx, type NoCloneNote } from './ui/core';
+export { useTxPlayer, useTxVoice, useDuck, useFlash, useYtLead, useFindPull, type FindState, YtFollow, MuteButton, TxLines, TxFind, lineWords, spokenWordOf, pictureT, lineEnd, PAUSE_D, PLAY_D, NO_SEEK, PUB_SIDE, type TxPlayer, type YtLead, type VoiceSheetHooks, type VoiceSheetCtx, type NoCloneNote } from './ui/core';
 export { Transport, ReplayScrub, ExportPanel, SummaryPanel, SpeakerCast, VoiceSheetBody, useSummaryIn, useViewportTranslation, useArchiveVoice, useVoiceCatalogue, type AvailableVoice, type CastMember, type SummaryState } from './ui/shared';
 export { FullVideo, MiniPlayer, PanelSeek, browserFull, realFull, setFullTarget, type PlayerPos, type PlayerTransport, type VoicesBtn } from './ui/full';
 export { useBackgroundBed, useSeparatedTrack, bedNote, trackPlan, REMOVE_BG_LABEL, REMOVE_BG_NOTE, type BedState, type TrackPlan, type Separated } from './core/background';
 export { snapPosition, placePosition, type PlayPos } from './core/playPosition';
 export { SITES, siteOf, siteById, hostOfUrl, type Site, type SiteId } from './core/sites';
 export { SiteIcon } from './ui/SiteIcon';
-export { hasEmbed, sourceVideoUrl } from './core/embeds';
+export { hasEmbed, linkVideoFile, sourceVideoUrl } from './core/embeds';