@vouchfor/embeds 0.0.0-experiment.f7614ec → 0.0.0-experiment.f77dbf9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/embeds.js +1143 -7
- package/dist/es/embeds.js.map +1 -1
- package/dist/es/src/components/DialogEmbed/DialogOverlay.d.ts +20 -0
- package/dist/es/src/components/DialogEmbed/DialogPortal.d.ts +36 -0
- package/dist/es/src/components/DialogEmbed/index.d.ts +38 -0
- package/dist/es/src/components/PlayerEmbed/controllers/event-forwarder.d.ts +15 -0
- package/dist/es/src/components/PlayerEmbed/controllers/tracking/utils.d.ts +1 -1
- package/dist/es/src/components/PlayerEmbed/index.d.ts +12 -9
- package/dist/es/src/components/PlayerEmbed/tests/data.d.ts +3 -2
- package/dist/es/src/components/PlayerEmbed/tests/media-data.d.ts +19 -0
- package/dist/es/src/index.d.ts +1 -0
- package/dist/iife/dialog-embed/embed.iife.js +4042 -0
- package/dist/iife/dialog-embed/embed.iife.js.map +1 -0
- package/dist/iife/embeds.iife.js +2870 -400
- package/dist/iife/embeds.iife.js.map +1 -1
- package/dist/iife/player-embed/embed.iife.js +3904 -0
- package/dist/iife/player-embed/embed.iife.js.map +1 -0
- package/package.json +41 -31
- package/src/components/DialogEmbed/Dialog.stories.ts +91 -0
- package/src/components/DialogEmbed/DialogOverlay.ts +131 -0
- package/src/components/DialogEmbed/DialogPortal.ts +126 -0
- package/src/components/DialogEmbed/index.ts +97 -0
- package/src/components/PlayerEmbed/MultiEmbed.stories.ts +135 -0
- package/src/components/PlayerEmbed/PlayerEmbed.stories.ts +15 -1
- package/src/components/PlayerEmbed/controllers/event-forwarder.ts +2 -1
- package/src/components/PlayerEmbed/controllers/tracking/index.ts +2 -2
- package/src/components/PlayerEmbed/controllers/tracking/utils.ts +1 -1
- package/src/components/PlayerEmbed/index.ts +33 -18
- package/src/components/PlayerEmbed/tests/PlayerEmbed.spec.ts +9 -2
- package/src/components/PlayerEmbed/tests/data.ts +121 -77
- package/src/components/PlayerEmbed/tests/media-data.ts +22 -0
- package/src/index.ts +1 -0
- package/dist/es/browser-0a211a9c.js +0 -433
- package/dist/es/browser-0a211a9c.js.map +0 -1
- package/dist/es/index-b6636843.js +0 -9984
- package/dist/es/index-b6636843.js.map +0 -1
@@ -58,7 +58,21 @@ const Player: Story = {
|
|
58
58
|
questions: [],
|
59
59
|
aspectRatio: 0,
|
60
60
|
preload: 'none',
|
61
|
-
autoplay: false
|
61
|
+
autoplay: false,
|
62
|
+
controls: [
|
63
|
+
'progress',
|
64
|
+
'play-large',
|
65
|
+
'navigation',
|
66
|
+
'play',
|
67
|
+
'volume',
|
68
|
+
'current-time',
|
69
|
+
'duration',
|
70
|
+
'speed',
|
71
|
+
'captions',
|
72
|
+
'fullscreen',
|
73
|
+
'preview',
|
74
|
+
'languages'
|
75
|
+
]
|
62
76
|
},
|
63
77
|
argTypes: {
|
64
78
|
env: {
|
@@ -2,6 +2,7 @@ import { createRef, ref } from 'lit/directives/ref.js';
|
|
2
2
|
|
3
3
|
import type { PlayerEmbed } from '..';
|
4
4
|
import type { ReactiveController, ReactiveControllerHost } from 'lit';
|
5
|
+
import type { DirectiveResult } from 'lit/directive.js';
|
5
6
|
import type { Ref } from 'lit/directives/ref.js';
|
6
7
|
|
7
8
|
import { forwardEvent } from '~/utils/events';
|
@@ -21,7 +22,7 @@ class EventForwardController implements ReactiveController {
|
|
21
22
|
host.addController(this);
|
22
23
|
}
|
23
24
|
|
24
|
-
register() {
|
25
|
+
register(): DirectiveResult {
|
25
26
|
return ref(this._forwardElementRef);
|
26
27
|
}
|
27
28
|
|
@@ -147,9 +147,9 @@ class TrackingController implements ReactiveController {
|
|
147
147
|
private _handleVideoTimeUpdate = ({ detail: { id, key, node } }: CustomEvent<VideoEventDetail>) => {
|
148
148
|
if (
|
149
149
|
// We only want to count any time that the video is actually playing
|
150
|
-
!this.host.paused
|
150
|
+
!this.host.paused
|
151
151
|
// Only update the latest time if this event fires for the currently active video
|
152
|
-
id === this.host.scene?.video?.id
|
152
|
+
// id === this.host.scene?.video?.id
|
153
153
|
) {
|
154
154
|
this._currentlyPlayingVideo = { id, key, node };
|
155
155
|
this._streamLatestTime[key] = node.currentTime;
|
@@ -2,7 +2,7 @@ import { TEMPLATE_VERSION } from '@vouchfor/canvas-video';
|
|
2
2
|
import { v4 as uuidv4 } from 'uuid';
|
3
3
|
|
4
4
|
import type { TrackingPayload } from '.';
|
5
|
-
import type { Vouch } from '@vouchfor/
|
5
|
+
import type { Vouch } from '@vouchfor/video-utils';
|
6
6
|
import type { Environment } from '~/utils/env';
|
7
7
|
|
8
8
|
import packageJson from '~/../package.json';
|
@@ -3,9 +3,10 @@ import { customElement, property, state } from 'lit/decorators.js';
|
|
3
3
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
4
4
|
import { createRef, ref } from 'lit/directives/ref.js';
|
5
5
|
|
6
|
-
import type {
|
6
|
+
import type { TemplateInstance } from '@vouchfor/canvas-video';
|
7
7
|
import type { MediaPlayer, MediaPlayerProps } from '@vouchfor/media-player';
|
8
|
-
import type {
|
8
|
+
import type { Vouch } from '@vouchfor/video-utils';
|
9
|
+
import type { PropertyValueMap } from 'lit';
|
9
10
|
import type { Environment } from '~/utils/env';
|
10
11
|
|
11
12
|
import { EventForwardController } from './controllers/event-forwarder';
|
@@ -14,7 +15,8 @@ import { TrackingController } from './controllers/tracking';
|
|
14
15
|
|
15
16
|
import '@vouchfor/media-player';
|
16
17
|
|
17
|
-
type PlayerEmbedProps = Pick<MediaPlayerProps, '
|
18
|
+
type PlayerEmbedProps = Pick<MediaPlayerProps, 'aspectRatio' | 'language' | 'preload' | 'autoplay' | 'controls'> & {
|
19
|
+
data?: Vouch;
|
18
20
|
env: Environment;
|
19
21
|
apiKey: string;
|
20
22
|
disableTracking?: boolean;
|
@@ -35,8 +37,6 @@ class PlayerEmbed extends LitElement {
|
|
35
37
|
`
|
36
38
|
];
|
37
39
|
|
38
|
-
private _mediaPlayerRef: Ref<MediaPlayer> = createRef();
|
39
|
-
|
40
40
|
@property({ type: Object }) data: PlayerEmbedProps['data'];
|
41
41
|
@property({ type: String }) vouchId: PlayerEmbedProps['vouchId'];
|
42
42
|
@property({ type: String }) templateId: PlayerEmbedProps['templateId'];
|
@@ -51,6 +51,7 @@ class PlayerEmbed extends LitElement {
|
|
51
51
|
@property({ type: String }) preload: PlayerEmbedProps['preload'] = 'auto';
|
52
52
|
@property({ type: Boolean }) autoplay: PlayerEmbedProps['autoplay'] = false;
|
53
53
|
@property({ type: Number }) aspectRatio: PlayerEmbedProps['aspectRatio'] = 0;
|
54
|
+
@property({ type: String }) language?: MediaPlayerProps['language'];
|
54
55
|
|
55
56
|
private eventController = new EventForwardController(this, [
|
56
57
|
'durationchange',
|
@@ -63,10 +64,12 @@ class PlayerEmbed extends LitElement {
|
|
63
64
|
'playing',
|
64
65
|
'ratechange',
|
65
66
|
'scenechange',
|
67
|
+
'scenesupdate',
|
66
68
|
'seeking',
|
67
69
|
'seeked',
|
68
70
|
'timeupdate',
|
69
71
|
'volumechange',
|
72
|
+
'processing',
|
70
73
|
'waiting',
|
71
74
|
|
72
75
|
'video:loadeddata',
|
@@ -92,6 +95,8 @@ class PlayerEmbed extends LitElement {
|
|
92
95
|
return this._fetcherController.fetching;
|
93
96
|
}
|
94
97
|
|
98
|
+
private _mediaPlayerRef = createRef<MediaPlayer>();
|
99
|
+
|
95
100
|
get waiting() {
|
96
101
|
return this._mediaPlayerRef.value?.waiting;
|
97
102
|
}
|
@@ -156,17 +161,17 @@ class PlayerEmbed extends LitElement {
|
|
156
161
|
return this._mediaPlayerRef.value?.muted ?? false;
|
157
162
|
}
|
158
163
|
|
159
|
-
get scene(): Scene | null {
|
160
|
-
|
161
|
-
}
|
164
|
+
// get scene(): Scene | null {
|
165
|
+
// return this._mediaPlayerRef.value?.scene ?? null;
|
166
|
+
// }
|
162
167
|
|
163
|
-
get scenes(): Scene[] {
|
164
|
-
|
165
|
-
}
|
168
|
+
// get scenes(): Scene[] {
|
169
|
+
// return this._mediaPlayerRef.value?.scenes ?? [];
|
170
|
+
// }
|
166
171
|
|
167
|
-
get sceneConfig(): Scenes | null {
|
168
|
-
|
169
|
-
}
|
172
|
+
// get sceneConfig(): Scenes | null {
|
173
|
+
// return this._mediaPlayerRef.value?.sceneConfig ?? null;
|
174
|
+
// }
|
170
175
|
|
171
176
|
get videoState() {
|
172
177
|
return this._mediaPlayerRef.value?.videoState;
|
@@ -184,10 +189,14 @@ class PlayerEmbed extends LitElement {
|
|
184
189
|
this._mediaPlayerRef.value?.pause();
|
185
190
|
}
|
186
191
|
|
187
|
-
|
188
|
-
this._mediaPlayerRef.value?.
|
192
|
+
reset(time = 0, play = false) {
|
193
|
+
this._mediaPlayerRef.value?.reset(time, play);
|
189
194
|
}
|
190
195
|
|
196
|
+
// setScene(index: number) {
|
197
|
+
// this._mediaPlayerRef.value?.setScene(index);
|
198
|
+
// }
|
199
|
+
|
191
200
|
private _renderStyles() {
|
192
201
|
if (!this.aspectRatio) {
|
193
202
|
return html`
|
@@ -213,6 +222,13 @@ class PlayerEmbed extends LitElement {
|
|
213
222
|
return null;
|
214
223
|
}
|
215
224
|
|
225
|
+
protected willUpdate(changedProperties: PropertyValueMap<PlayerEmbedProps>) {
|
226
|
+
// If the vouch this embed is pointing to changes then reset the player
|
227
|
+
if (changedProperties.has('vouchId') && this.vouchId !== changedProperties.get('vouchId')) {
|
228
|
+
this.reset(0, false);
|
229
|
+
}
|
230
|
+
}
|
231
|
+
|
216
232
|
render() {
|
217
233
|
return html`
|
218
234
|
${this._renderStyles()}
|
@@ -221,10 +237,9 @@ class PlayerEmbed extends LitElement {
|
|
221
237
|
${this.eventController.register()}
|
222
238
|
?autoplay=${this.autoplay}
|
223
239
|
?loading=${this.fetching}
|
224
|
-
.data=${this.vouch}
|
225
|
-
.template=${this.template}
|
226
240
|
aspectRatio=${ifDefined(this.aspectRatio)}
|
227
241
|
preload=${ifDefined(this.preload)}
|
242
|
+
language=${ifDefined(this.language)}
|
228
243
|
.controls=${this.controls}
|
229
244
|
></vmp-media-player>
|
230
245
|
`;
|
@@ -27,8 +27,8 @@ function playerLoaded(player: PlayerEmbed) {
|
|
27
27
|
);
|
28
28
|
}
|
29
29
|
|
30
|
-
describe('Embeds', () => {
|
31
|
-
it('
|
30
|
+
describe.skip('Embeds', () => {
|
31
|
+
it('Sends correct tracking events', async () => {
|
32
32
|
const player = await fixture<PlayerEmbed>(
|
33
33
|
html`<vouch-embed-player env="dev" .data=${data} aspectratio=${1}></vouch-embed-player>`
|
34
34
|
);
|
@@ -56,6 +56,13 @@ describe('Embeds', () => {
|
|
56
56
|
expect(sendTrackingSpy.callCount).to.be.eq(0);
|
57
57
|
// Destroy node because events are sent when node is removed from the document
|
58
58
|
player.remove();
|
59
|
+
await waitUntil(
|
60
|
+
() => {
|
61
|
+
return createTrackingSpy.args[2];
|
62
|
+
},
|
63
|
+
'Cleanup event has not fired',
|
64
|
+
{ timeout: 5000 }
|
65
|
+
);
|
59
66
|
expect(sendTrackingSpy.callCount).to.be.eq(1);
|
60
67
|
expect(createTrackingSpy.args[0]).to.eql([
|
61
68
|
'VIDEO_PLAYED',
|
@@ -1,67 +1,83 @@
|
|
1
|
-
import type { Vouch } from '@vouchfor/
|
1
|
+
import type { Vouch } from '@vouchfor/video-utils';
|
2
|
+
|
3
|
+
import { VIDEOA, VIDEOB, VIDEOC } from './media-data';
|
2
4
|
|
3
5
|
/* eslint-disable max-lines */
|
4
|
-
const data = {
|
6
|
+
const data: Vouch = {
|
5
7
|
id: '85a7f7fb-897c-41a4-be7b-2636cf991f2c',
|
6
8
|
hashId: '6JQEIPeStt',
|
9
|
+
settings: {
|
10
|
+
branding: {
|
11
|
+
base: {
|
12
|
+
primary: {
|
13
|
+
color: '#48aff7',
|
14
|
+
text: '#def2ff'
|
15
|
+
},
|
16
|
+
secondary: {
|
17
|
+
color: '#fdbdfa',
|
18
|
+
text: '#8b26bf'
|
19
|
+
},
|
20
|
+
radius: '8px'
|
21
|
+
}
|
22
|
+
}
|
23
|
+
},
|
7
24
|
questions: {
|
8
25
|
items: [
|
9
26
|
{
|
10
27
|
id: '5c66bb3a-ed68-41a0-a601-a49865104418',
|
11
|
-
title:
|
12
|
-
Arabic: خَرَجَ الوَلَدُ.
|
13
|
-
Chinese: 简化字不讲理
|
14
|
-
Hebrew: עִבְרִית
|
15
|
-
Japanese Kanji: 漢字
|
16
|
-
Japanese Hiragana: 平仮名
|
17
|
-
Japanese Katakana: 片仮名
|
18
|
-
Devangari Hindi: ॳॴॶॷऎऒऔ
|
19
|
-
Korean Hangul: 정음/正音
|
20
|
-
Cyrillic: АБВГДЕЖЗИКЛМН
|
21
|
-
Greek: αβγδ`,
|
28
|
+
title: "What is the business problem you're trying to solve?",
|
22
29
|
answer: {
|
23
30
|
id: '5c66bb3a-ed68-41a0-a601-a49865104418',
|
24
31
|
label: null,
|
25
32
|
metadata: {
|
26
|
-
duration:
|
33
|
+
duration: VIDEOA.duration
|
27
34
|
},
|
28
35
|
settings: {
|
29
36
|
endOffset: 0,
|
30
37
|
startOffset: 0
|
31
38
|
},
|
32
39
|
media: {
|
33
|
-
input:
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/5c66bb3a-ed68-41a0-a601-a49865104418/5c66bb3a-ed68-41a0-a601-a49865104418_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
|
41
|
-
},
|
42
|
-
client: {
|
43
|
-
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
44
|
-
name: 'Not Supplied',
|
45
|
-
logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
|
40
|
+
input: VIDEOA.mp4,
|
41
|
+
video: VIDEOA.mp4,
|
42
|
+
playlist: VIDEOA.m3u8,
|
43
|
+
thumbnail: VIDEOA.jpg,
|
44
|
+
videos: {
|
45
|
+
xs: VIDEOA.mp4
|
46
|
+
}
|
46
47
|
},
|
47
48
|
contact: {
|
48
49
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
49
|
-
name: 'Aaron Williams'
|
50
|
+
name: 'Aaron Williams',
|
51
|
+
roleTitle: 'Software Engineer',
|
52
|
+
client: {
|
53
|
+
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
54
|
+
name: 'Not Supplied',
|
55
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
56
|
+
}
|
50
57
|
},
|
51
58
|
captions: {
|
52
59
|
current:
|
60
|
+
"WEBVTT\r\n\r\n1\r\n00:00:01.710 --> 00:00:05.250\r\nwe are trying to solve, uh, world hunger.\r\n\r\n2\r\n00:00:05.420 --> 00:00:08.369\r\nI think it's an important goal. Uh, we\r\n\r\n3\r\n00:00:08.380 --> 00:00:09.489\r\nalso would like to get rid of\r\n\r\n4\r\n00:00:09.500 --> 00:00:12.050\r\ntuberculosis. Um, in general. And\r\n\r\n5\r\n00:00:12.060 --> 00:00:15.329\r\nprobably malaria, too. Uh, it's gonna be\r\n\r\n6\r\n00:00:15.340 --> 00:00:17.180\r\na couple of weeks, but I think we can do\r\n\r\n7\r\n00:00:17.190 --> 00:00:17.319\r\nit.\r\n",
|
61
|
+
translation:
|
53
62
|
'WEBVTT\n\n1\n00:00:01.549 --> 00:00:05.920\n🇯🇵 🙏 こんにちは 藤森 章 です 。 え ? 今 日本 の え ? 東京 に 住ん で\n\n2\n00:00:05.929 --> 00:00:11.359\nいる 高校 三 年 生 です 。 えっと 父親 が 日本 人 で 母親 が は\n\n3\n00:00:11.619 --> 00:00:13.130\nえー 中国 人 な ん です けれど も 。\n\n4\n00:00:13.939 --> 00:00:17.889\nえ ? 上海 に 行っ た 時 に 国際 学校 に 通っ て い た の で 。\n\n5\n00:00:17.899 --> 00:00:20.389\nえー 英語 を 日本 語 、 中国 語 、 三 語 を しゃ ます\n\n6\n00:00:21.030 --> 00:00:23.549\nえー で 、 その 中 で 経験 し た こと な ん です けれど も 、\n\n7\n00:00:24.040 --> 00:00:26.700\n日本 語 の 素晴らしい ところ って いう の は 、\n\n8\n00:00:27.260 --> 00:00:27.809\nやっぱり\n\n9\n00:00:28.489 --> 00:00:31.540\n和歌 に も 見 られる よう な 多彩 な 表現 力 と\n\n10\n00:00:32.349 --> 00:00:33.819\nえ 奥深い\n\n11\n00:00:34.770 --> 00:00:38.520\nえー 、 感情 表現 など に ある と 思い ます 。 えー これ を 見 て\n\n12\n00:00:38.759 --> 00:00:41.599\n日本 語 に 興味 を 持っ た 方 は 、 是非 その\n\n13\n00:00:43.180 --> 00:00:43.770\n奥深い\n\n14\n00:00:44.299 --> 00:00:45.630\n表現 など を え 、\n\n15\n00:00:46.299 --> 00:00:49.209\n見 て 、 感じ て えー 、 触れ て み て ください 。 ありがとう\n\n16\n00:00:49.220 --> 00:00:49.599\nござい まし た 。\n'
|
63
|
+
},
|
64
|
+
transcription: {
|
65
|
+
language: 'en',
|
66
|
+
translation: {
|
67
|
+
language: 'ja'
|
68
|
+
},
|
69
|
+
items: []
|
54
70
|
}
|
55
71
|
}
|
56
72
|
},
|
57
73
|
{
|
58
74
|
id: '5c66bb3a-ed68-41a0-a601-a49865104418',
|
59
|
-
|
75
|
+
title: "What is the business problem you're trying to solve?",
|
60
76
|
answer: {
|
61
77
|
id: '5c66bb3a-ed68-41a0-a601-a49865104418',
|
62
|
-
label:
|
78
|
+
label: null,
|
63
79
|
metadata: {
|
64
|
-
duration:
|
80
|
+
duration: VIDEOA.duration
|
65
81
|
},
|
66
82
|
settings: {
|
67
83
|
endOffset: 0.385945945945946,
|
@@ -74,27 +90,33 @@ const data = {
|
|
74
90
|
}
|
75
91
|
},
|
76
92
|
media: {
|
77
|
-
input:
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/5c66bb3a-ed68-41a0-a601-a49865104418/5c66bb3a-ed68-41a0-a601-a49865104418_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
|
85
|
-
},
|
86
|
-
client: {
|
87
|
-
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
88
|
-
logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
|
93
|
+
input: VIDEOA.mp4,
|
94
|
+
video: VIDEOA.mp4,
|
95
|
+
playlist: VIDEOA.m3u8,
|
96
|
+
thumbnail: VIDEOA.jpg,
|
97
|
+
videos: {
|
98
|
+
xs: VIDEOA.mp4
|
99
|
+
}
|
89
100
|
},
|
90
101
|
contact: {
|
91
102
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
92
103
|
name: 'Aaron Williams',
|
93
|
-
roleTitle: 'Software Engineer'
|
104
|
+
roleTitle: 'Software Engineer',
|
105
|
+
client: {
|
106
|
+
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
107
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
108
|
+
}
|
94
109
|
},
|
95
110
|
captions: {
|
96
111
|
current:
|
97
112
|
"WEBVTT\r\n\r\n1\r\n00:00:01.710 --> 00:00:05.250\r\nwe are trying to solve, uh, world hunger.\r\n\r\n2\r\n00:00:05.420 --> 00:00:08.369\r\nI think it's an important goal. Uh, we\r\n\r\n3\r\n00:00:08.380 --> 00:00:09.489\r\nalso would like to get rid of\r\n\r\n4\r\n00:00:09.500 --> 00:00:12.050\r\ntuberculosis. Um, in general. And\r\n\r\n5\r\n00:00:12.060 --> 00:00:15.329\r\nprobably malaria, too. Uh, it's gonna be\r\n\r\n6\r\n00:00:15.340 --> 00:00:17.180\r\na couple of weeks, but I think we can do\r\n\r\n7\r\n00:00:17.190 --> 00:00:17.319\r\nit.\r\n"
|
113
|
+
},
|
114
|
+
transcription: {
|
115
|
+
language: 'en',
|
116
|
+
translation: {
|
117
|
+
language: 'fr'
|
118
|
+
},
|
119
|
+
items: []
|
98
120
|
}
|
99
121
|
}
|
100
122
|
},
|
@@ -103,72 +125,87 @@ const data = {
|
|
103
125
|
title: 'What are the priorities for your business/team this quarter?',
|
104
126
|
answer: {
|
105
127
|
id: 'e77c81a7-f6ef-4eae-91fc-b620d092d8d6',
|
106
|
-
label:
|
128
|
+
label: 'Hello this label is overridden',
|
107
129
|
metadata: {
|
108
|
-
duration:
|
130
|
+
duration: VIDEOB.duration
|
109
131
|
},
|
110
132
|
settings: {
|
111
133
|
endOffset: 0,
|
112
134
|
startOffset: 0
|
113
135
|
},
|
114
136
|
media: {
|
115
|
-
input:
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/e77c81a7-f6ef-4eae-91fc-b620d092d8d6/e77c81a7-f6ef-4eae-91fc-b620d092d8d6_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
|
123
|
-
},
|
124
|
-
client: {
|
125
|
-
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
126
|
-
name: 'Vouch',
|
127
|
-
logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
|
137
|
+
input: VIDEOB.mp4,
|
138
|
+
video: VIDEOB.mp4,
|
139
|
+
playlist: VIDEOB.m3u8,
|
140
|
+
thumbnail: VIDEOB.jpg,
|
141
|
+
videos: {
|
142
|
+
xs: VIDEOB.mp4
|
143
|
+
}
|
128
144
|
},
|
129
145
|
contact: {
|
130
146
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
131
147
|
name: 'Aaron Williams',
|
132
|
-
roleTitle: 'Software Engineer'
|
148
|
+
roleTitle: 'Software Engineer',
|
149
|
+
client: {
|
150
|
+
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
151
|
+
name: 'Vouch',
|
152
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
153
|
+
}
|
133
154
|
},
|
134
155
|
captions: {
|
135
156
|
current:
|
136
157
|
'WEBVTT\r\n\r\n1\r\n00:00:00.709 --> 00:00:03.059\r\npriorities for this business. Uh, for\r\n\r\n2\r\n00:00:03.069 --> 00:00:06.010\r\nthis quarter, uh, to make more money,\r\n\r\n3\r\n00:00:06.019 --> 00:00:09.050\r\nmore profits, Uh, get everything, uh,\r\n\r\n4\r\n00:00:09.069 --> 00:00:13.439\r\nswept away. All our heuristics should be\r\n\r\n5\r\n00:00:13.529 --> 00:00:15.119\r\ntop of the line.\r\n'
|
158
|
+
},
|
159
|
+
transcription: {
|
160
|
+
language: 'en',
|
161
|
+
translation: {
|
162
|
+
language: 'de'
|
163
|
+
},
|
164
|
+
items: []
|
137
165
|
}
|
138
166
|
}
|
139
167
|
},
|
140
168
|
{
|
141
169
|
id: '39fd188d-a4dc-43b9-bac8-32fd71bfbc90',
|
142
|
-
title:
|
170
|
+
title: `"Emoji": 🇯🇵 🙏
|
171
|
+
\t\t'Arabic': خَرَجَ الوَلَدُ.
|
172
|
+
Chinese: 简化字不讲理\f
|
173
|
+
Hebrew: עִבְרִית\r\r
|
174
|
+
Japanese Kanji: 漢字\n
|
175
|
+
\\\\\\///
|
176
|
+
Japanese Hiragana: 平仮名
|
177
|
+
Japanese Katakana: 片仮名
|
178
|
+
Devangari Hindi: ॳॴॶॷऎऒऔ
|
179
|
+
Korean Hangul: 정음/正音
|
180
|
+
Cyrillic: АБВГДЕЖЗИКЛМН
|
181
|
+
Greek: αβγδ`,
|
143
182
|
answer: {
|
144
183
|
id: '39fd188d-a4dc-43b9-bac8-32fd71bfbc90',
|
145
184
|
label: null,
|
146
185
|
metadata: {
|
147
|
-
duration:
|
186
|
+
duration: VIDEOC.duration
|
148
187
|
},
|
149
188
|
settings: {
|
150
189
|
endOffset: 0,
|
151
190
|
startOffset: 0
|
152
191
|
},
|
153
192
|
media: {
|
154
|
-
input:
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
'https://d2rxhdlm2q91uk.cloudfront.net/TVik9uTMgE/6JQEIPeStt/39fd188d-a4dc-43b9-bac8-32fd71bfbc90/39fd188d-a4dc-43b9-bac8-32fd71bfbc90_poster.0000001.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kMnJ4aGRsbTJxOTF1ay5jbG91ZGZyb250Lm5ldC9UVmlrOXVUTWdFLyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIwMTYzMjM0Mjl9fX1dfQ__&Key-Pair-Id=K2SWKOH0FA5F6M&Signature=SGA54MFpy4jaqKJHKEuxRfjk-~NBFAh1tdW9Y6uYJwc0LFjDDgX1sraerSyohmVhj~-QVIrglY5BvglDIhrFcLJWGTkgj4vhyLprk1a7EDckv0HBgp-k1ZKvoDtt3wBOzrL4GicfXBkuMpIu5jv5MY3xemlJj2a6V~h65XJuLO4u-xS~McH6rS3mRxoNl4GcYUVm4upre1DGQx-5Suy6Ateoxl6xxoF8kg5EL02KxkIGiRpwXJTvVmUuVF0rpBj-IE40MfmhLBQ1NNSXiqb3-HjpkKwhYPvB5APVh23mzGmqJ0P3jbr2F1cU4Jvlqsjb6GVP61wGOz9ITeWPZkOy8A__'
|
162
|
-
},
|
163
|
-
client: {
|
164
|
-
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
165
|
-
name: 'Vouch',
|
166
|
-
logoSrc: 'https://logo.clearbit.com/vouchfor.com?size=260'
|
193
|
+
input: VIDEOC.mp4,
|
194
|
+
video: VIDEOC.mp4,
|
195
|
+
playlist: VIDEOC.m3u8,
|
196
|
+
thumbnail: VIDEOC.jpg,
|
197
|
+
videos: {
|
198
|
+
xs: VIDEOC.mp4
|
199
|
+
}
|
167
200
|
},
|
168
201
|
contact: {
|
169
202
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
170
203
|
name: 'Aaron Williams',
|
171
|
-
|
204
|
+
client: {
|
205
|
+
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
206
|
+
name: 'Vouch',
|
207
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
208
|
+
}
|
172
209
|
},
|
173
210
|
captions: {
|
174
211
|
current:
|
@@ -178,6 +215,13 @@ const data = {
|
|
178
215
|
}
|
179
216
|
]
|
180
217
|
}
|
218
|
+
};
|
219
|
+
|
220
|
+
const withNullAnswer = {
|
221
|
+
...data,
|
222
|
+
questions: {
|
223
|
+
items: [...data.questions.items, { id: 'null', answer: null }]
|
224
|
+
}
|
181
225
|
} as Vouch;
|
182
226
|
|
183
|
-
export { data };
|
227
|
+
export { data, withNullAnswer };
|
@@ -0,0 +1,22 @@
|
|
1
|
+
const VIDEOA = {
|
2
|
+
mp4: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/01/output.mp4',
|
3
|
+
m3u8: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/01/master.m3u8',
|
4
|
+
jpg: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/01/output.jpg',
|
5
|
+
duration: 7.29
|
6
|
+
};
|
7
|
+
|
8
|
+
const VIDEOB = {
|
9
|
+
mp4: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/02/output.mp4',
|
10
|
+
m3u8: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/02/master.m3u8',
|
11
|
+
jpg: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/02/output.jpg',
|
12
|
+
duration: 40.4
|
13
|
+
};
|
14
|
+
|
15
|
+
const VIDEOC = {
|
16
|
+
mp4: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/03/output.mp4',
|
17
|
+
m3u8: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/03/master.m3u8',
|
18
|
+
jpg: 'https://media-player-test-videos.s3.ap-southeast-2.amazonaws.com/03/output.jpg',
|
19
|
+
duration: 30.33
|
20
|
+
};
|
21
|
+
|
22
|
+
export { VIDEOA, VIDEOB, VIDEOC };
|
package/src/index.ts
CHANGED