@vouchfor/embeds 0.0.0-experiment.e2a213c → 0.0.0-experiment.e3dd891
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 +24 -25
- package/dist/es/embeds.js.map +1 -1
- package/dist/es/src/components/PlayerEmbed/index.d.ts +6 -6
- 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 +2604 -317
- package/dist/iife/dialog-embed/embed.iife.js.map +1 -1
- package/dist/iife/embeds.iife.js +2604 -317
- package/dist/iife/embeds.iife.js.map +1 -1
- package/dist/iife/player-embed/embed.iife.js +2580 -293
- package/dist/iife/player-embed/embed.iife.js.map +1 -1
- package/package.json +4 -4
- package/src/components/PlayerEmbed/controllers/tracking/index.ts +2 -2
- package/src/components/PlayerEmbed/index.ts +26 -19
- package/src/components/PlayerEmbed/tests/PlayerEmbed.spec.ts +8 -1
- package/src/components/PlayerEmbed/tests/data.ts +102 -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.e3dd891",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Aaron Williams",
|
|
6
6
|
"main": "dist/es/embeds.js",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@a11y/focus-trap": "^1.0.5",
|
|
45
45
|
"@lit/task": "^1.0.0",
|
|
46
|
-
"@vouchfor/canvas-video": "0.0.0-experiment.
|
|
47
|
-
"@vouchfor/media-player": "0.0.0-experiment.
|
|
46
|
+
"@vouchfor/canvas-video": "0.0.0-experiment.e3dd891",
|
|
47
|
+
"@vouchfor/media-player": "0.0.0-experiment.e3dd891",
|
|
48
48
|
"uuid": "^9.0.1"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"@types/mocha": "^10.0.6",
|
|
64
64
|
"@vouchfor/eslint-config": "^1.0.1",
|
|
65
65
|
"@vouchfor/prettier-config": "^1.0.1",
|
|
66
|
-
"@vouchfor/video-utils": "0.0.0-experiment.
|
|
66
|
+
"@vouchfor/video-utils": "0.0.0-experiment.e3dd891",
|
|
67
67
|
"@web/dev-server-esbuild": "^1.0.2",
|
|
68
68
|
"@web/test-runner": "^0.18.1",
|
|
69
69
|
"@web/test-runner-browserstack": "^0.7.1",
|
|
@@ -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;
|
|
@@ -3,8 +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 { Vouch } from '@vouchfor/video-utils';
|
|
9
|
+
import type { PropertyValueMap } from 'lit';
|
|
8
10
|
import type { Environment } from '~/utils/env';
|
|
9
11
|
|
|
10
12
|
import { EventForwardController } from './controllers/event-forwarder';
|
|
@@ -13,10 +15,8 @@ import { TrackingController } from './controllers/tracking';
|
|
|
13
15
|
|
|
14
16
|
import '@vouchfor/media-player';
|
|
15
17
|
|
|
16
|
-
type PlayerEmbedProps = Pick<
|
|
17
|
-
|
|
18
|
-
'data' | 'aspectRatio' | 'language' | 'preload' | 'autoplay' | 'controls'
|
|
19
|
-
> & {
|
|
18
|
+
type PlayerEmbedProps = Pick<MediaPlayerProps, 'aspectRatio' | 'language' | 'preload' | 'autoplay' | 'controls'> & {
|
|
19
|
+
data?: Vouch;
|
|
20
20
|
env: Environment;
|
|
21
21
|
apiKey: string;
|
|
22
22
|
disableTracking?: boolean;
|
|
@@ -64,10 +64,12 @@ class PlayerEmbed extends LitElement {
|
|
|
64
64
|
'playing',
|
|
65
65
|
'ratechange',
|
|
66
66
|
'scenechange',
|
|
67
|
+
'scenesupdate',
|
|
67
68
|
'seeking',
|
|
68
69
|
'seeked',
|
|
69
70
|
'timeupdate',
|
|
70
71
|
'volumechange',
|
|
72
|
+
'processing',
|
|
71
73
|
'waiting',
|
|
72
74
|
|
|
73
75
|
'video:loadeddata',
|
|
@@ -159,17 +161,17 @@ class PlayerEmbed extends LitElement {
|
|
|
159
161
|
return this._mediaPlayerRef.value?.muted ?? false;
|
|
160
162
|
}
|
|
161
163
|
|
|
162
|
-
get scene(): Scene | null {
|
|
163
|
-
|
|
164
|
-
}
|
|
164
|
+
// get scene(): Scene | null {
|
|
165
|
+
// return this._mediaPlayerRef.value?.scene ?? null;
|
|
166
|
+
// }
|
|
165
167
|
|
|
166
|
-
get scenes(): Scene[] {
|
|
167
|
-
|
|
168
|
-
}
|
|
168
|
+
// get scenes(): Scene[] {
|
|
169
|
+
// return this._mediaPlayerRef.value?.scenes ?? [];
|
|
170
|
+
// }
|
|
169
171
|
|
|
170
|
-
get sceneConfig(): Scenes | null {
|
|
171
|
-
|
|
172
|
-
}
|
|
172
|
+
// get sceneConfig(): Scenes | null {
|
|
173
|
+
// return this._mediaPlayerRef.value?.sceneConfig ?? null;
|
|
174
|
+
// }
|
|
173
175
|
|
|
174
176
|
get videoState() {
|
|
175
177
|
return this._mediaPlayerRef.value?.videoState;
|
|
@@ -191,9 +193,9 @@ class PlayerEmbed extends LitElement {
|
|
|
191
193
|
this._mediaPlayerRef.value?.reset(time, play);
|
|
192
194
|
}
|
|
193
195
|
|
|
194
|
-
setScene(index: number) {
|
|
195
|
-
|
|
196
|
-
}
|
|
196
|
+
// setScene(index: number) {
|
|
197
|
+
// this._mediaPlayerRef.value?.setScene(index);
|
|
198
|
+
// }
|
|
197
199
|
|
|
198
200
|
private _renderStyles() {
|
|
199
201
|
if (!this.aspectRatio) {
|
|
@@ -220,6 +222,13 @@ class PlayerEmbed extends LitElement {
|
|
|
220
222
|
return null;
|
|
221
223
|
}
|
|
222
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
|
+
|
|
223
232
|
render() {
|
|
224
233
|
return html`
|
|
225
234
|
${this._renderStyles()}
|
|
@@ -228,8 +237,6 @@ class PlayerEmbed extends LitElement {
|
|
|
228
237
|
${this.eventController.register()}
|
|
229
238
|
?autoplay=${this.autoplay}
|
|
230
239
|
?loading=${this.fetching}
|
|
231
|
-
.data=${this.vouch}
|
|
232
|
-
.template=${this.template}
|
|
233
240
|
aspectRatio=${ifDefined(this.aspectRatio)}
|
|
234
241
|
preload=${ifDefined(this.preload)}
|
|
235
242
|
language=${ifDefined(this.language)}
|
|
@@ -27,7 +27,7 @@ function playerLoaded(player: PlayerEmbed) {
|
|
|
27
27
|
);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
describe('Embeds', () => {
|
|
30
|
+
describe.skip('Embeds', () => {
|
|
31
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>`
|
|
@@ -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
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
|
+
},
|
|
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,14 +90,13 @@ 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__'
|
|
93
|
+
input: VIDEOA.mp4,
|
|
94
|
+
video: VIDEOA.mp4,
|
|
95
|
+
playlist: VIDEOA.m3u8,
|
|
96
|
+
thumbnail: VIDEOA.jpg,
|
|
97
|
+
videos: {
|
|
98
|
+
xs: VIDEOA.mp4
|
|
99
|
+
}
|
|
85
100
|
},
|
|
86
101
|
contact: {
|
|
87
102
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
|
@@ -89,12 +104,19 @@ const data = {
|
|
|
89
104
|
roleTitle: 'Software Engineer',
|
|
90
105
|
client: {
|
|
91
106
|
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
|
92
|
-
logoSrc: 'https://
|
|
107
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
|
93
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,23 +125,22 @@ 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__'
|
|
137
|
+
input: VIDEOB.mp4,
|
|
138
|
+
video: VIDEOB.mp4,
|
|
139
|
+
playlist: VIDEOB.m3u8,
|
|
140
|
+
thumbnail: VIDEOB.jpg,
|
|
141
|
+
videos: {
|
|
142
|
+
xs: VIDEOB.mp4
|
|
143
|
+
}
|
|
123
144
|
},
|
|
124
145
|
contact: {
|
|
125
146
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
|
@@ -128,46 +149,62 @@ const data = {
|
|
|
128
149
|
client: {
|
|
129
150
|
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
|
130
151
|
name: 'Vouch',
|
|
131
|
-
logoSrc: 'https://
|
|
152
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
|
132
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__'
|
|
193
|
+
input: VIDEOC.mp4,
|
|
194
|
+
video: VIDEOC.mp4,
|
|
195
|
+
playlist: VIDEOC.m3u8,
|
|
196
|
+
thumbnail: VIDEOC.jpg,
|
|
197
|
+
videos: {
|
|
198
|
+
xs: VIDEOC.mp4
|
|
199
|
+
}
|
|
162
200
|
},
|
|
163
201
|
contact: {
|
|
164
202
|
id: 'b62f62a3-0cd4-4512-9b52-121cb2f3e72f',
|
|
165
203
|
name: 'Aaron Williams',
|
|
166
|
-
roleTitle: 'Software Engineer',
|
|
167
204
|
client: {
|
|
168
205
|
id: '03540d70-1c75-4867-a235-bac842ed6ce4',
|
|
169
206
|
name: 'Vouch',
|
|
170
|
-
logoSrc: 'https://
|
|
207
|
+
logoSrc: 'https://vouch-clients.s3.ap-southeast-2.amazonaws.com/vouch/logos/vouch-logotype-teal.png'
|
|
171
208
|
}
|
|
172
209
|
},
|
|
173
210
|
captions: {
|
|
@@ -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 };
|