Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
What's new
10
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Open sidebar
ℹ️❤️🖥
Explorable-Podcast-Proof-of-Concept
Commits
4422c4f3
Commit
4422c4f3
authored
Jan 13, 2018
by
i❤computers
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Refactor code
parent
9d5fa494
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
17 additions
and
13 deletions
+17
-13
cues.js
cues.js
+1
-1
script.js
script.js
+16
-12
No files found.
cues.js
View file @
4422c4f3
var
transcriptC
uesTrack
=
[{
var
c
uesTrack
=
[{
cueTime
:
0.33
,
cuePositionName
:
"
0
"
},
{
...
...
script.js
View file @
4422c4f3
'
use strict
'
;
document
.
addEventListener
(
'
DOMContentLoaded
'
,
function
initializePage
()
{
'
use strict
'
;
var
audio
=
document
.
getElementById
(
'
excerpt
'
);
var
MAX_TRANSITION_TIME
=
0.4
;
//make sure transition time matches in index.html's styling
transcriptC
uesTrack
.
forEach
(
function
setTransitionTimes
(
cue
,
index
)
{
if
(
index
+
1
===
transcriptC
uesTrack
.
length
)
{
c
uesTrack
.
forEach
(
function
set
Short
TransitionTimes
(
cue
,
index
)
{
if
(
index
+
1
===
c
uesTrack
.
length
)
{
return
;
}
var
cueDuration
=
transcriptC
uesTrack
[
index
+
1
].
cueTime
-
cue
.
cueTime
;
var
cueDuration
=
c
uesTrack
[
index
+
1
].
cueTime
-
cue
.
cueTime
;
if
(
cueDuration
<
MAX_TRANSITION_TIME
)
{
$
(
cue
_p
osition
_s
elector
(
cue
.
cuePositionName
)).
forEach
(
function
(
cueElement
)
{
$
(
cue
P
osition
S
elector
(
cue
.
cuePositionName
)).
forEach
(
function
(
cueElement
)
{
cueElement
.
style
.
transitionDuration
=
cueDuration
+
"
s
"
;
});
}
...
...
@@ -20,7 +20,7 @@ document.addEventListener('DOMContentLoaded', function initializePage() {
var
target
=
event
.
target
;
var
cuePositionName
=
target
.
dataset
.
cuePosition
;
if
(
cuePositionName
)
{
playAudio
(
transcriptC
uesTrack
.
filter
(
function
(
cueTrack
)
{
playAudio
(
c
uesTrack
.
filter
(
function
(
cueTrack
)
{
return
cueTrack
.
cuePositionName
.
localeCompare
(
cuePositionName
)
===
0
;
})[
0
].
cueTime
);
}
...
...
@@ -41,7 +41,7 @@ document.addEventListener('DOMContentLoaded', function initializePage() {
}
}
var
cu
rrentTranscriptIndex
=
0
;
var
cu
ePosition
=
0
;
var
HIGHLIGHTED_CLASS
=
"
highlighted
"
;
function
updateHighlight
()
{
...
...
@@ -49,15 +49,19 @@ document.addEventListener('DOMContentLoaded', function initializePage() {
return
;
}
while
(
transcriptCuesTrack
[
currentTranscriptIndex
]
&&
audio
.
currentTime
>=
transcriptCuesTrack
[
currentTranscriptIndex
].
cueTime
)
{
$
(
cue
_p
osition
_s
elector
(
transcriptCuesTrack
[
currentTranscriptIndex
].
cuePositionName
)).
forEach
(
addHighlightClass
);
cu
rrentTranscriptIndex
++
;
while
(
cuesLeftToHighlight
()
)
{
$
(
cue
P
osition
S
elector
(
cuesTrack
[
cuePosition
].
cuePositionName
)).
forEach
(
addHighlightClass
);
cu
ePosition
++
;
}
requestAnimationFrame
(
updateHighlight
);
function
cuesLeftToHighlight
()
{
return
cuesTrack
[
cuePosition
]
&&
audio
.
currentTime
>=
cuesTrack
[
cuePosition
].
cueTime
;
}
}
function
cue
_p
osition
_s
elector
(
id
)
{
function
cue
P
osition
S
elector
(
id
)
{
return
"
[data-cue-position='
"
+
id
+
"
']
"
}
...
...
@@ -67,7 +71,7 @@ document.addEventListener('DOMContentLoaded', function initializePage() {
function
resetPlayer
()
{
audio
.
currentTime
=
0
;
cu
rrentTranscriptIndex
=
0
;
cu
ePosition
=
0
;
$
(
"
.
"
+
HIGHLIGHTED_CLASS
).
forEach
(
function
removeHighlightClass
(
highlightedElement
)
{
highlightedElement
.
classList
.
remove
(
HIGHLIGHTED_CLASS
);
});
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment