search

ACMILabs / spotlights

An interactive video player running on an Optiplex 7050.
1 stars 2 forks source link

Corrupt subtitles file breaks Spotlights #63

Closed sighmon closed 3 years ago

sighmon commented 3 years ago

Details

Error: 

InvalidCharacterError: The string contains invalid characters. 
57:subtitles: `data:text/vtt;base64,${btoa(x.subtitles)}`

Looks like the <font> tag in there is breaking things.

1
00:00:01,040 --> 00:00:04,200
<font color=#AAAAAAFF>I think the only reason I became a filmmaker was because</font>

2
00:00:04,200 --> 00:00:07,640
<font color=#AAAAAAFF>I wasn’t seeing my lived experience on</font>

3
00:00:07,960 --> 00:00:08,960
<font color=#AAAAAAFF>our screens.</font>

4
00:00:10,480 --> 00:00:11,480
<font color=#AAAAAAFF>I come from a,</font>

5
00:00:11,480 --> 00:00:13,480
<font color=#AAAAAAFF>you know, migrant working-class background,</font>

6
00:00:13,760 --> 00:00:14,800
<font color=#AAAAAAFF>I’m queer,</font>

7
00:00:15,320 --> 00:00:18,600
<font color=#AAAAAAFF>I am a woman.</font>

8
00:00:19,040 --> 00:00:21,280
<font color=#AAAAAAFF>And one of the motivating factors was</font>

9
00:00:21,280 --> 00:00:23,160
<font color=#AAAAAAFF>I wanted to make films,</font>

10
00:00:23,160 --> 00:00:24,520
<font color=#AAAAAAFF>and I wanted to tell stories</font>

11
00:00:24,520 --> 00:00:26,880
<font color=#AAAAAAFF>that actually represented our cultural diversity,</font>

12
00:00:27,240 --> 00:00:28,480
<font color=#AAAAAAFF>our sexual diversity,</font>

13
00:00:29,040 --> 00:00:34,640
<font color=#AAAAAAFF>and also that I had a very particular take on class,</font>

14
00:00:34,640 --> 00:00:39,200
<font color=#AAAAAAFF>quite different to anybody else making screen stories here.</font>

15
00:00:39,960 --> 00:00:41,760
<font color=#AAAAAAFF>When we were writing Head On,</font>

16
00:00:41,760 --> 00:00:43,400
<font color=#AAAAAAFF>what was driving me was that</font>

17
00:00:43,920 --> 00:00:47,600
<font color=#AAAAAAFF>I was dealing with a character who came</font>
<font color=#AAAAAAFF>from a Greek-Australian background.</font>

18
00:00:49,040 --> 00:00:51,760
<font color=#AAAAAAFF>I also come from that background.</font>

19
00:00:52,960 --> 00:00:55,520
<font color=#AAAAAAFF>He is dealing with his culture,</font>

20
00:00:55,520 --> 00:00:58,400
<font color=#AAAAAAFF>his identity,</font>

21
00:00:58,880 --> 00:00:59,880
<font color=#AAAAAAFF>his queerness.</font>

22
00:01:00,360 --> 00:01:03,440
<font color=#AAAAAAFF>He’s dealing with a whole range of things, </font>

23
00:01:03,440 --> 00:01:09,280
<font color=#AAAAAAFF>where he is rebelling against the sort of conditions</font>

24
00:01:09,280 --> 00:01:12,440
<font color=#AAAAAAFF>and constraints that his culture has imposed on him. </font>

25
00:01:12,440 --> 00:01:15,080
<font color=#AAAAAAFF>So that was a story that I knew intimately.</font>

26
00:01:15,080 --> 00:01:18,160
<font color=#AAAAAAFF>The great power of storytelling through cinema,</font>

27
00:01:18,160 --> 00:01:20,560
<font color=#AAAAAAFF>is that it enables</font>

28
00:01:20,920 --> 00:01:21,640
<font color=#AAAAAAFF>us</font>

29
00:01:22,400 --> 00:01:25,120
<font color=#AAAAAAFF>to sit for a moment in someone else’s shoes, </font>

30
00:01:25,560 --> 00:01:26,560
<font color=#AAAAAAFF>to sit for a moment</font>

31
00:01:27,400 --> 00:01:31,120
<font color=#AAAAAAFF>and experience someone else’s perspective on things.</font>

32
00:01:31,720 --> 00:01:36,320
<font color=#AAAAAAFF>That is the biggest thing that we can be</font>
<font color=#AAAAAAFF>doing as storytellers for audiences at the moment.</font>

33
00:01:36,680 --> 00:01:37,920
<font color=#AAAAAAFF>Taking them into a world,</font>

34
00:01:38,680 --> 00:01:42,280
<font color=#AAAAAAFF>taking them into the point of view of a certain character</font>

35
00:01:42,600 --> 00:01:43,600
<font color=#AAAAAAFF>and saying: </font>

36
00:01:44,080 --> 00:01:48,200
<font color=#AAAAAAFF>“if you looked at it from that point of view would you change?”</font>

37
00:01:48,200 --> 00:01:50,440
<font color=#AAAAAAFF>“Would your thinking shift?”</font>

38
00:01:50,520 --> 00:01:54,960
<font color=#AAAAAAFF>“Would it liberate you to feel more connected to that particular person </font>

39
00:01:54,960 --> 00:01:56,920
<font color=#AAAAAAFF>or that particular culture?”</font>

40
00:01:57,440 --> 00:01:59,080
<font color=#AAAAAAFF>“Or that particular gender?”</font>

41
00:02:00,160 --> 00:02:03,960
<font color=#AAAAAAFF>And so that’s what storytelling enables us to do.</font>

42
00:02:04,440 --> 00:02:08,080
<font color=#AAAAAAFF>To go into someone else’s life,</font>

43
00:02:08,640 --> 00:02:13,680
<font color=#AAAAAAFF>and feel a sense of, perhaps, connection</font>

44
00:02:13,920 --> 00:02:19,280
<font color=#AAAAAAFF>that you otherwise wouldn’t experience</font>
<font color=#AAAAAAFF>if you passed that same person on the street.</font>

45
00:02:21,080 --> 00:02:25,560
<font color=#AAAAAAFF>What sustains me as a filmmaker is</font>

46
00:02:26,640 --> 00:02:30,920
<font color=#AAAAAAFF>telling stories that I really think are either neglected</font>

47
00:02:31,680 --> 00:02:32,680
<font color=#AAAAAAFF>or not being told.</font>

48
00:02:34,760 --> 00:02:38,520
<font color=#AAAAAAFF>It is being able to create a piece of work</font>

49
00:02:38,520 --> 00:02:44,840
<font color=#AAAAAAFF>so that audiences watch that work and say “ah ha!</font>

50
00:02:45,440 --> 00:02:46,440
<font color=#AAAAAAFF>I am not alone”.</font>
framigni commented 3 years ago

@hvanness

hvanness commented 3 years ago

The issue is that btoa doesn't support UTF-8... We'll need to change our approach of using base64 data-urls for subtitles.