sanj/padmaEmbeds
1
0
Fork 0
Code Issues 4 Pull Requests 1 Releases Wiki Activity

allow more than two document zooms #2

Merged
j merged 2 commits from many-documents into master 2018-03-15 10:24:54 +00:00
Conversation 0 Commits 2 Files Changed 1 +21 -15
1 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
example/example.js
View File

@ -49,8 +49,8 @@ function previous() {
function start(idx) {
var data = slideData[idx]
console.log(current, data)
if (data.zoom_to) {
console.log('start', current, data)
if (data.zooms) {
start_zoom(data)
} else if (data.video && data.video.length) {
start_video(data)
@ -60,7 +60,7 @@ function start(idx) {
function stop(idx) {
var data = slideData[idx]
console.log(current, data)
if (data.zoom_to) {
if (data.zooms) {
reset_zoom(data)
} else if (data.video && data.video.length) {
reset_video(data)
@ -83,10 +83,10 @@ function load_slide(slide) {
if (video) {
data.video = load_urls(video.dataset)
data.container = video
// fixme only doucments
if (data.video.length == 2) {
data.zoom_from = data.video[0].split('/').pop().split('#')[0].split(',').map(a => Math.round(a))
data.zoom_to = data.video[1].split('/').pop().split('#')[0].split(',').map(a => Math.round(a))
// assumes documents if length > 1
if (data.video.length > 1) {
data.zooms = data.video.map(url => url.split('/').pop().split('#')[0].split(',').map(a => Math.round(a)))
}
}
return data
@ -121,19 +121,25 @@ window.addEventListener('blur', function(){
function reset_zoom(data) {
data.zoomTimeouts.forEach(timeout => clearTimeout(timeout))
data.embed.postMessage('options', {
'area': data.zoom_from
'area': data.zooms[0]
})
}
function start_zoom(data) {
console.log('start zoon', Math.round(1000 * data.duration / 2))
setTimeout(function() {
console.log('now zoom')
// console.log('start zoon', Math.round(1000 * data.duration / 2))
for (var i=1; i<data.zooms.length; i++) {
data.zoomTimeouts = [];
(function(j) {
data.zoomTimeouts.push(setTimeout(function() {
data.embed.postMessage('options', {
'area': data.zoom_to
'area': data.zooms[j]
})
}, Math.round(1000 * data.duration / 2))
}, Math.round(1000 * (data.duration / data.zooms.length) * j)))
})(i)
}
}