185 lines
7 KiB
JavaScript
185 lines
7 KiB
JavaScript
'use strict';
|
|
|
|
pandora.ui.downloadVideoDialog = function(options) {
|
|
|
|
var ui = pandora.user.ui,
|
|
|
|
formats = {
|
|
'webm': 'WebM',
|
|
'mp4': 'MP4',
|
|
},
|
|
|
|
parts = options.out ? null : Ox.max(options.video.map(function(video) {
|
|
return video.index
|
|
})),
|
|
|
|
$content = Ox.Element()
|
|
.css({margin: '16px'}),
|
|
|
|
$text = $('<div>')
|
|
.html((
|
|
options.out
|
|
? Ox._(
|
|
'Download Selection ({0} - {1})<br>of {2}', [
|
|
Ox.formatDuration(options['in']),
|
|
Ox.formatDuration(options.out),
|
|
options.title
|
|
]
|
|
)
|
|
: Ox._('Download {0}', [options.title])
|
|
))
|
|
.css({marginBottom: '16px'})
|
|
.appendTo($content),
|
|
|
|
$format,
|
|
$resolution,
|
|
|
|
$form = window.$form = Ox.Form({
|
|
items: [
|
|
Ox.Select({
|
|
id: 'format',
|
|
items: pandora.site.video.formats.map(function(format) {
|
|
return {
|
|
id: format,
|
|
title: formats[format]
|
|
};
|
|
}).concat(!options.out && options.source ? [{
|
|
id: 'source',
|
|
title: Ox._('Source')
|
|
}] : []),
|
|
label: Ox._('Format'),
|
|
labelWidth: 120,
|
|
value: pandora.site.video.downloadFormat,
|
|
width: 240
|
|
})
|
|
.bindEvent({
|
|
change: function(data) {
|
|
if (data.value == 'source') {
|
|
$resolution.hide()
|
|
} else {
|
|
$resolution.show()
|
|
}
|
|
}
|
|
}),
|
|
$resolution = Ox.Select({
|
|
id: 'resolution',
|
|
items: pandora.site.video.resolutions.map(function(resolution) {
|
|
return {
|
|
id: resolution,
|
|
title: resolution + 'p'
|
|
};
|
|
}),
|
|
label: Ox._('Resolution'),
|
|
labelWidth: 120,
|
|
value: ui.videoResolution,
|
|
width: 240
|
|
})
|
|
.bindEvent({
|
|
change: function(data) {
|
|
}
|
|
})
|
|
].concat(parts ? [
|
|
Ox.Select({
|
|
id: 'part',
|
|
items: Ox.range(parts + 1).map(function(resolution, idx) {
|
|
return {
|
|
id: idx + 1,
|
|
title: 'Part ' + (idx+1)
|
|
};
|
|
}),
|
|
label: Ox._('Part'),
|
|
labelWidth: 120,
|
|
value: 1,
|
|
width: 240
|
|
})
|
|
.bindEvent({
|
|
change: function(data) {
|
|
}
|
|
})
|
|
] : [])
|
|
}).appendTo($content),
|
|
|
|
failed = false,
|
|
|
|
that = Ox.Dialog({
|
|
buttons: [
|
|
Ox.Button({
|
|
id: 'download',
|
|
title: Ox._('Download')
|
|
}).bindEvent({
|
|
click: function() {
|
|
if (failed) {
|
|
that.close();
|
|
return
|
|
}
|
|
var values = $form.values(),
|
|
url
|
|
if (options.out) {
|
|
var $screen = Ox.LoadingScreen({
|
|
size: 16
|
|
})
|
|
that.options({content: $screen.start()});
|
|
pandora.api.extractClip({
|
|
item: options.item,
|
|
resolution: values.resolution,
|
|
format: values.format,
|
|
'in': options['in'],
|
|
out: options.out
|
|
}, function(result) {
|
|
if (result.data.taskId) {
|
|
pandora.wait(result.data.taskId, function(result) {
|
|
console.log('wait -> ', result)
|
|
if (result.data.result) {
|
|
url = '/' + options.item
|
|
+ '/' + values.resolution
|
|
+ 'p.' + values.format
|
|
+ '?t=' + options['in'] + ',' + options.out;
|
|
that.close();
|
|
document.location.href = url
|
|
} else {
|
|
}
|
|
}, 1000)
|
|
} else {
|
|
that.options({content: 'Failed to extract clip.'});
|
|
that.options('buttons')[0].options({
|
|
title: Ox._('Close')
|
|
});
|
|
failed = true;
|
|
}
|
|
})
|
|
|
|
} else {
|
|
if (values.format == 'source') {
|
|
url = '/' + options.item
|
|
+ '/download/source/'
|
|
+ (values.part ? values.part : '')
|
|
} else {
|
|
url = '/' + options.item
|
|
+ '/download/' + values.resolution
|
|
+ 'p'
|
|
+ (values.part ? values.part : '')
|
|
+ '.' + values.format
|
|
}
|
|
}
|
|
if (url) {
|
|
that.close();
|
|
document.location.href = url
|
|
}
|
|
}
|
|
})
|
|
],
|
|
closeButton: true,
|
|
content: $content,
|
|
removeOnClose: true,
|
|
keys: {enter: 'download', escape: 'close'},
|
|
title: (
|
|
options.out
|
|
? Ox._('Download Video Selection')
|
|
: Ox._('Download Video')
|
|
),
|
|
width: 432
|
|
});
|
|
|
|
return that;
|
|
|
|
};
|