@vouchfor/embeds 0.0.0-experiment.df3f29a → 0.0.0-experiment.e075b1c
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 +13 -5
- package/dist/es/embeds.js.map +1 -1
- package/dist/es/src/components/PlayerEmbed/index.d.ts +2 -0
- package/dist/es/src/components/PlayerEmbed/tests/data.d.ts +2 -1
- package/dist/es/src/components/PlayerEmbed/tests/media-data.d.ts +19 -0
- package/dist/iife/dialog-embed/embed.iife.js +165 -161
- package/dist/iife/dialog-embed/embed.iife.js.map +1 -1
- package/dist/iife/embeds.iife.js +175 -171
- package/dist/iife/embeds.iife.js.map +1 -1
- package/dist/iife/player-embed/embed.iife.js +143 -139
- package/dist/iife/player-embed/embed.iife.js.map +1 -1
- package/package.json +6 -5
- package/src/components/PlayerEmbed/MultiEmbed.stories.ts +135 -0
- package/src/components/PlayerEmbed/index.ts +10 -0
- package/src/components/PlayerEmbed/tests/PlayerEmbed.spec.ts +8 -1
- package/src/components/PlayerEmbed/tests/data.ts +99 -58
- package/src/components/PlayerEmbed/tests/media-data.ts +22 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vouchfor/embeds",
|
|
3
|
-
"version": "0.0.0-experiment.
|
|
3
|
+
"version": "0.0.0-experiment.e075b1c",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Aaron Williams",
|
|
6
6
|
"main": "dist/es/embeds.js",
|
|
@@ -33,7 +33,8 @@
|
|
|
33
33
|
"storybook": "yarn prebuild && storybook dev -p 6007",
|
|
34
34
|
"prebuild": "yarn build:deps && yarn generate:manifest",
|
|
35
35
|
"test": "rm -rf test/lib && yarn prebuild && vite build --mode test && web-test-runner",
|
|
36
|
-
"test:ci": "yarn test --config web-test-runner.ci.config.js"
|
|
36
|
+
"test:ci": "yarn test --config web-test-runner.ci.config.js",
|
|
37
|
+
"test:watch": "yarn test --watch"
|
|
37
38
|
},
|
|
38
39
|
"lint-staged": {
|
|
39
40
|
"**/*.{ts,tsx,js}": "eslint --fix --quiet",
|
|
@@ -42,8 +43,8 @@
|
|
|
42
43
|
"dependencies": {
|
|
43
44
|
"@a11y/focus-trap": "^1.0.5",
|
|
44
45
|
"@lit/task": "^1.0.0",
|
|
45
|
-
"@vouchfor/canvas-video": "0.0.0-experiment.
|
|
46
|
-
"@vouchfor/media-player": "0.0.0-experiment.
|
|
46
|
+
"@vouchfor/canvas-video": "0.0.0-experiment.e075b1c",
|
|
47
|
+
"@vouchfor/media-player": "0.0.0-experiment.e075b1c",
|
|
47
48
|
"uuid": "^9.0.1"
|
|
48
49
|
},
|
|
49
50
|
"peerDependencies": {
|
|
@@ -62,7 +63,7 @@
|
|
|
62
63
|
"@types/mocha": "^10.0.6",
|
|
63
64
|
"@vouchfor/eslint-config": "^1.0.1",
|
|
64
65
|
"@vouchfor/prettier-config": "^1.0.1",
|
|
65
|
-
"@vouchfor/video-utils": "0.0.0-experiment.
|
|
66
|
+
"@vouchfor/video-utils": "0.0.0-experiment.e075b1c",
|
|
66
67
|
"@web/dev-server-esbuild": "^1.0.2",
|
|
67
68
|
"@web/test-runner": "^0.18.1",
|
|
68
69
|
"@web/test-runner-browserstack": "^0.7.1",
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
3
|
+
|
|
4
|
+
import type { PlayerEmbedProps } from '.';
|
|
5
|
+
import type { Meta, StoryObj } from '@storybook/web-components';
|
|
6
|
+
|
|
7
|
+
import '.';
|
|
8
|
+
|
|
9
|
+
type MultiEmbedArgs = PlayerEmbedProps & {
|
|
10
|
+
apiKey1?: string;
|
|
11
|
+
apiKey2?: string;
|
|
12
|
+
apiKey3?: string;
|
|
13
|
+
vouchId1?: string;
|
|
14
|
+
vouchId2?: string;
|
|
15
|
+
vouchId3?: string;
|
|
16
|
+
showVouch?: boolean;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
const _MultiEmbed = ({
|
|
20
|
+
vouchId1,
|
|
21
|
+
vouchId2,
|
|
22
|
+
vouchId3,
|
|
23
|
+
templateId,
|
|
24
|
+
questions,
|
|
25
|
+
preload,
|
|
26
|
+
autoplay,
|
|
27
|
+
env,
|
|
28
|
+
apiKey1,
|
|
29
|
+
apiKey2,
|
|
30
|
+
apiKey3,
|
|
31
|
+
controls,
|
|
32
|
+
aspectRatio
|
|
33
|
+
}: MultiEmbedArgs) => {
|
|
34
|
+
return html`
|
|
35
|
+
<div style="height: 33vh">
|
|
36
|
+
<vouch-embed-player
|
|
37
|
+
env=${ifDefined(env)}
|
|
38
|
+
apiKey=${ifDefined(apiKey1)}
|
|
39
|
+
vouchId=${ifDefined(vouchId1)}
|
|
40
|
+
templateId=${ifDefined(templateId)}
|
|
41
|
+
.questions=${questions}
|
|
42
|
+
.controls=${controls}
|
|
43
|
+
?autoplay=${autoplay}
|
|
44
|
+
preload=${ifDefined(preload)}
|
|
45
|
+
aspectRatio=${ifDefined(aspectRatio)}
|
|
46
|
+
@error=${console.log}
|
|
47
|
+
></vouch-embed-player>
|
|
48
|
+
</div>
|
|
49
|
+
<div style="height: 33vh">
|
|
50
|
+
<vouch-embed-player
|
|
51
|
+
env=${ifDefined(env)}
|
|
52
|
+
apiKey=${ifDefined(apiKey2)}
|
|
53
|
+
vouchId=${ifDefined(vouchId2)}
|
|
54
|
+
templateId=${ifDefined(templateId)}
|
|
55
|
+
.questions=${questions}
|
|
56
|
+
.controls=${controls}
|
|
57
|
+
?autoplay=${autoplay}
|
|
58
|
+
preload=${ifDefined(preload)}
|
|
59
|
+
aspectRatio=${ifDefined(aspectRatio)}
|
|
60
|
+
@error=${console.log}
|
|
61
|
+
></vouch-embed-player>
|
|
62
|
+
</div>
|
|
63
|
+
<div style="height: 33vh">
|
|
64
|
+
<vouch-embed-player
|
|
65
|
+
env=${ifDefined(env)}
|
|
66
|
+
apiKey=${ifDefined(apiKey3)}
|
|
67
|
+
vouchId=${ifDefined(vouchId3)}
|
|
68
|
+
templateId=${ifDefined(templateId)}
|
|
69
|
+
.questions=${questions}
|
|
70
|
+
.controls=${controls}
|
|
71
|
+
?autoplay=${autoplay}
|
|
72
|
+
preload=${ifDefined(preload)}
|
|
73
|
+
aspectRatio=${ifDefined(aspectRatio)}
|
|
74
|
+
@error=${console.log}
|
|
75
|
+
></vouch-embed-player>
|
|
76
|
+
</div>
|
|
77
|
+
`;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
|
|
81
|
+
const meta = {
|
|
82
|
+
title: 'Embeds',
|
|
83
|
+
tags: ['autodocs'],
|
|
84
|
+
render: (args) => _MultiEmbed(args),
|
|
85
|
+
component: 'vouch-embed-player'
|
|
86
|
+
} satisfies Meta<PlayerEmbedProps>;
|
|
87
|
+
|
|
88
|
+
type Story = StoryObj<MultiEmbedArgs>;
|
|
89
|
+
|
|
90
|
+
const MultiPlayer: Story = {
|
|
91
|
+
args: {
|
|
92
|
+
env: 'dev',
|
|
93
|
+
apiKey1: 'TVik9uTMgE-PD25UTHIS6gyl0hMBWC7AT4dkpdlLBT4VIfDWZJrQiCk6Ak7m1',
|
|
94
|
+
vouchId1: '6JQEIPeStt',
|
|
95
|
+
apiKey2: 'TVik9uTMgE-PD25UTHIS6gyl0hMBWC7AT4dkpdlLBT4VIfDWZJrQiCk6Ak7m1',
|
|
96
|
+
vouchId2: '6JQEIPeStt',
|
|
97
|
+
apiKey3: 'TVik9uTMgE-PD25UTHIS6gyl0hMBWC7AT4dkpdlLBT4VIfDWZJrQiCk6Ak7m1',
|
|
98
|
+
vouchId3: '6JQEIPeStt',
|
|
99
|
+
templateId: '357fc118-e179-4171-9446-ff2b8e9d1b29',
|
|
100
|
+
questions: [],
|
|
101
|
+
aspectRatio: 0,
|
|
102
|
+
preload: 'none',
|
|
103
|
+
autoplay: false,
|
|
104
|
+
controls: [
|
|
105
|
+
'progress',
|
|
106
|
+
'play-large',
|
|
107
|
+
'navigation',
|
|
108
|
+
'play',
|
|
109
|
+
'volume',
|
|
110
|
+
'current-time',
|
|
111
|
+
'duration',
|
|
112
|
+
'speed',
|
|
113
|
+
'captions',
|
|
114
|
+
'fullscreen',
|
|
115
|
+
'preview',
|
|
116
|
+
'languages'
|
|
117
|
+
]
|
|
118
|
+
},
|
|
119
|
+
argTypes: {
|
|
120
|
+
env: {
|
|
121
|
+
control: 'radio',
|
|
122
|
+
options: ['local', 'dev', 'staging', 'prod']
|
|
123
|
+
},
|
|
124
|
+
preload: {
|
|
125
|
+
control: 'radio',
|
|
126
|
+
options: ['auto', 'none']
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
parameters: {
|
|
130
|
+
layout: 'fullscreen'
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
|
|
134
|
+
export default meta;
|
|
135
|
+
export { MultiPlayer };
|
|
@@ -5,6 +5,7 @@ import { createRef, ref } from 'lit/directives/ref.js';
|
|
|
5
5
|
|
|
6
6
|
import type { Scene, Scenes, TemplateInstance } from '@vouchfor/canvas-video';
|
|
7
7
|
import type { MediaPlayer, MediaPlayerProps } from '@vouchfor/media-player';
|
|
8
|
+
import type { PropertyValueMap } from 'lit';
|
|
8
9
|
import type { Environment } from '~/utils/env';
|
|
9
10
|
|
|
10
11
|
import { EventForwardController } from './controllers/event-forwarder';
|
|
@@ -64,10 +65,12 @@ class PlayerEmbed extends LitElement {
|
|
|
64
65
|
'playing',
|
|
65
66
|
'ratechange',
|
|
66
67
|
'scenechange',
|
|
68
|
+
'scenesupdate',
|
|
67
69
|
'seeking',
|
|
68
70
|
'seeked',
|
|
69
71
|
'timeupdate',
|
|
70
72
|
'volumechange',
|
|
73
|
+
'processing',
|
|
71
74
|
'waiting',
|
|
72
75
|
|
|
73
76
|
'video:loadeddata',
|
|
@@ -220,6 +223,13 @@ class PlayerEmbed extends LitElement {
|
|
|
220
223
|
return null;
|
|
221
224
|
}
|
|
222
225
|
|
|
226
|
+
protected willUpdate(changedProperties: PropertyValueMap<PlayerEmbedProps>) {
|
|
227
|
+
// If the vouch this embed is pointing to changes then reset the player
|
|
228
|
+
if (changedProperties.has('vouchId') && this.vouchId !== changedProperties.get('vouchId')) {
|
|
229
|
+
this.reset(0, false);
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
|
|
223
233
|
render() {
|
|
224
234
|
return html`
|
|
225
235
|
${this._renderStyles()}
|
|
@@ -28,7 +28,7 @@ function playerLoaded(player: PlayerEmbed) {
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
describe('Embeds', () => {
|
|
31
|
-
it('
|
|
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,82 @@
|
|
|
1
1
|
import type { Vouch } from '@vouchfor/video-utils';
|
|
2
2
|
|
|
3
|
+
import { VIDEOA, VIDEOB, VIDEOC } from './media-data';
|
|
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__'
|
|
40
|
+
input: VIDEOA.mp4,
|
|
41
|
+
video: VIDEOA.mp4,
|
|
42
|
+
playlist: VIDEOA.m3u8,
|
|
43
|
+
thumbnail: VIDEOA.jpg,
|
|
44
|
+
videos: {
|
|
45
|
+
xs: VIDEOA.mp4
|
|
46
|
+
}
|
|
41
47
|
},
|
|
42
48
|
contact: {
|
|
43
49
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
|
44
50
|
name: 'Aaron Williams',
|
|
51
|
+
roleTitle: 'Software Engineer',
|
|
45
52
|
client: {
|
|
46
53
|
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
|
47
54
|
name: 'Not Supplied',
|
|
48
|
-
logoSrc: 'https://
|
|
55
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
|
49
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
|
+
}
|
|
54
69
|
}
|
|
55
70
|
}
|
|
56
71
|
},
|
|
57
72
|
{
|
|
58
73
|
id: '5c66bb3a-ed68-41a0-a601-a49865104418',
|
|
59
|
-
|
|
74
|
+
title: "What is the business problem you're trying to solve?",
|
|
60
75
|
answer: {
|
|
61
76
|
id: '5c66bb3a-ed68-41a0-a601-a49865104418',
|
|
62
|
-
label:
|
|
77
|
+
label: null,
|
|
63
78
|
metadata: {
|
|
64
|
-
duration:
|
|
79
|
+
duration: VIDEOA.duration
|
|
65
80
|
},
|
|
66
81
|
settings: {
|
|
67
82
|
endOffset: 0.385945945945946,
|
|
@@ -74,14 +89,13 @@ const data = {
|
|
|
74
89
|
}
|
|
75
90
|
},
|
|
76
91
|
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__'
|
|
92
|
+
input: VIDEOA.mp4,
|
|
93
|
+
video: VIDEOA.mp4,
|
|
94
|
+
playlist: VIDEOA.m3u8,
|
|
95
|
+
thumbnail: VIDEOA.jpg,
|
|
96
|
+
videos: {
|
|
97
|
+
xs: VIDEOA.mp4
|
|
98
|
+
}
|
|
85
99
|
},
|
|
86
100
|
contact: {
|
|
87
101
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
|
@@ -89,12 +103,18 @@ const data = {
|
|
|
89
103
|
roleTitle: 'Software Engineer',
|
|
90
104
|
client: {
|
|
91
105
|
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
|
92
|
-
logoSrc: 'https://
|
|
106
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
|
93
107
|
}
|
|
94
108
|
},
|
|
95
109
|
captions: {
|
|
96
110
|
current:
|
|
97
111
|
"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"
|
|
112
|
+
},
|
|
113
|
+
transcription: {
|
|
114
|
+
language: 'en',
|
|
115
|
+
translation: {
|
|
116
|
+
language: 'fr'
|
|
117
|
+
}
|
|
98
118
|
}
|
|
99
119
|
}
|
|
100
120
|
},
|
|
@@ -103,23 +123,22 @@ const data = {
|
|
|
103
123
|
title: 'What are the priorities for your business/team this quarter?',
|
|
104
124
|
answer: {
|
|
105
125
|
id: 'e77c81a7-f6ef-4eae-91fc-b620d092d8d6',
|
|
106
|
-
label:
|
|
126
|
+
label: 'Hello this label is overridden',
|
|
107
127
|
metadata: {
|
|
108
|
-
duration:
|
|
128
|
+
duration: VIDEOB.duration
|
|
109
129
|
},
|
|
110
130
|
settings: {
|
|
111
131
|
endOffset: 0,
|
|
112
132
|
startOffset: 0
|
|
113
133
|
},
|
|
114
134
|
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__'
|
|
135
|
+
input: VIDEOB.mp4,
|
|
136
|
+
video: VIDEOB.mp4,
|
|
137
|
+
playlist: VIDEOB.m3u8,
|
|
138
|
+
thumbnail: VIDEOB.jpg,
|
|
139
|
+
videos: {
|
|
140
|
+
xs: VIDEOB.mp4
|
|
141
|
+
}
|
|
123
142
|
},
|
|
124
143
|
contact: {
|
|
125
144
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
|
@@ -128,46 +147,61 @@ const data = {
|
|
|
128
147
|
client: {
|
|
129
148
|
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
|
130
149
|
name: 'Vouch',
|
|
131
|
-
logoSrc: 'https://
|
|
150
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
|
132
151
|
}
|
|
133
152
|
},
|
|
134
153
|
captions: {
|
|
135
154
|
current:
|
|
136
155
|
'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'
|
|
156
|
+
},
|
|
157
|
+
transcription: {
|
|
158
|
+
language: 'en',
|
|
159
|
+
translation: {
|
|
160
|
+
language: 'de'
|
|
161
|
+
}
|
|
137
162
|
}
|
|
138
163
|
}
|
|
139
164
|
},
|
|
140
165
|
{
|
|
141
166
|
id: '39fd188d-a4dc-43b9-bac8-32fd71bfbc90',
|
|
142
|
-
title:
|
|
167
|
+
title: `"Emoji": 🇯🇵 🙏
|
|
168
|
+
\t\t'Arabic': خَرَجَ الوَلَدُ.
|
|
169
|
+
Chinese: 简化字不讲理\f
|
|
170
|
+
Hebrew: עִבְרִית\r\r
|
|
171
|
+
Japanese Kanji: 漢字\n
|
|
172
|
+
\\\\\\///
|
|
173
|
+
Japanese Hiragana: 平仮名
|
|
174
|
+
Japanese Katakana: 片仮名
|
|
175
|
+
Devangari Hindi: ॳॴॶॷऎऒऔ
|
|
176
|
+
Korean Hangul: 정음/正音
|
|
177
|
+
Cyrillic: АБВГДЕЖЗИКЛМН
|
|
178
|
+
Greek: αβγδ`,
|
|
143
179
|
answer: {
|
|
144
180
|
id: '39fd188d-a4dc-43b9-bac8-32fd71bfbc90',
|
|
145
181
|
label: null,
|
|
146
182
|
metadata: {
|
|
147
|
-
duration:
|
|
183
|
+
duration: VIDEOC.duration
|
|
148
184
|
},
|
|
149
185
|
settings: {
|
|
150
186
|
endOffset: 0,
|
|
151
187
|
startOffset: 0
|
|
152
188
|
},
|
|
153
189
|
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__'
|
|
190
|
+
input: VIDEOC.mp4,
|
|
191
|
+
video: VIDEOC.mp4,
|
|
192
|
+
playlist: VIDEOC.m3u8,
|
|
193
|
+
thumbnail: VIDEOC.jpg,
|
|
194
|
+
videos: {
|
|
195
|
+
xs: VIDEOC.mp4
|
|
196
|
+
}
|
|
162
197
|
},
|
|
163
198
|
contact: {
|
|
164
199
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
|
165
200
|
name: 'Aaron Williams',
|
|
166
|
-
roleTitle: 'Software Engineer',
|
|
167
201
|
client: {
|
|
168
202
|
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
|
169
203
|
name: 'Vouch',
|
|
170
|
-
logoSrc: 'https://
|
|
204
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
|
171
205
|
}
|
|
172
206
|
},
|
|
173
207
|
captions: {
|
|
@@ -178,6 +212,13 @@ const data = {
|
|
|
178
212
|
}
|
|
179
213
|
]
|
|
180
214
|
}
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
const withNullAnswer = {
|
|
218
|
+
...data,
|
|
219
|
+
questions: {
|
|
220
|
+
items: [...data.questions.items, { id: 'null', answer: null }]
|
|
221
|
+
}
|
|
181
222
|
} as Vouch;
|
|
182
223
|
|
|
183
|
-
export { data };
|
|
224
|
+
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 };
|