|
|
@ -1,4 +1,12 @@
|
|
|
|
import { Accessor, Component, createEffect, createSignal, onMount, Setter, Show } from "solid-js";
|
|
|
|
import {
|
|
|
|
|
|
|
|
Accessor,
|
|
|
|
|
|
|
|
Component,
|
|
|
|
|
|
|
|
createEffect,
|
|
|
|
|
|
|
|
createSignal,
|
|
|
|
|
|
|
|
onMount,
|
|
|
|
|
|
|
|
Setter,
|
|
|
|
|
|
|
|
Show,
|
|
|
|
|
|
|
|
} from "solid-js";
|
|
|
|
import { DateTime } from "luxon";
|
|
|
|
import { DateTime } from "luxon";
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
TimeType,
|
|
|
|
TimeType,
|
|
|
@ -27,20 +35,11 @@ export const VIDEO_FRAMES_PER_SECOND = 30;
|
|
|
|
export const PLAYBACK_RATES = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 4, 8];
|
|
|
|
export const PLAYBACK_RATES = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 4, 8];
|
|
|
|
|
|
|
|
|
|
|
|
export interface StreamTimeSettingsProps {
|
|
|
|
export interface StreamTimeSettingsProps {
|
|
|
|
/** Getter for the signal to get the time when the run starts. */
|
|
|
|
|
|
|
|
busStartTime: Accessor<DateTime>;
|
|
|
|
busStartTime: Accessor<DateTime>;
|
|
|
|
/** Getter for the StreamVideoInfo signal. Used to set field values and, if applicable, apply defaults. */
|
|
|
|
|
|
|
|
streamVideoInfo: Accessor<StreamVideoInfo>;
|
|
|
|
streamVideoInfo: Accessor<StreamVideoInfo>;
|
|
|
|
/** Setter for the StreamVideoInfo signal. */
|
|
|
|
|
|
|
|
setStreamVideoInfo: Setter<StreamVideoInfo>;
|
|
|
|
setStreamVideoInfo: Setter<StreamVideoInfo>;
|
|
|
|
/**
|
|
|
|
|
|
|
|
* If true, shows a link to the same page with the specified stream and time range. For the link to work, the host
|
|
|
|
|
|
|
|
* page must support defaulting the link data into the StreamVideoInfo.
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
showTimeRangeLink: boolean;
|
|
|
|
showTimeRangeLink: boolean;
|
|
|
|
/** Getter for the signal containing the list of errors to display. */
|
|
|
|
|
|
|
|
errorList: Accessor<string[]>;
|
|
|
|
errorList: Accessor<string[]>;
|
|
|
|
/** Setter for the signal containing the list of errors to display. */
|
|
|
|
|
|
|
|
setErrorList: Setter<string[]>;
|
|
|
|
setErrorList: Setter<string[]>;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -302,10 +301,7 @@ export const VideoPlayer: Component<VideoPlayerProps> = (props) => {
|
|
|
|
<media-tooltip class="vds-tooltip">
|
|
|
|
<media-tooltip class="vds-tooltip">
|
|
|
|
<media-tooltip-trigger>
|
|
|
|
<media-tooltip-trigger>
|
|
|
|
<media-menu-button class="vds-button vds-menu-button">
|
|
|
|
<media-menu-button class="vds-button vds-menu-button">
|
|
|
|
<media-icon
|
|
|
|
<media-icon class="vds-icon vds-menu-settings-icon vds-rotate-icon" type="settings" />
|
|
|
|
class="vds-icon vds-menu-settings-icon vds-rotate-icon"
|
|
|
|
|
|
|
|
type="settings"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</media-menu-button>
|
|
|
|
</media-menu-button>
|
|
|
|
</media-tooltip-trigger>
|
|
|
|
</media-tooltip-trigger>
|
|
|
|
<media-tooltip-content class="vds-tooltip-content" placement="top">
|
|
|
|
<media-tooltip-content class="vds-tooltip-content" placement="top">
|
|
|
|