88 lines
2.7 KiB
JavaScript
88 lines
2.7 KiB
JavaScript
Ox.load('UI', {
|
|
debug: true,
|
|
theme: 'modern'
|
|
}, function() {
|
|
|
|
Ox.get('srt/0393109.srt', function(srt) {
|
|
|
|
var subtitles = Ox.parseSRT(srt);
|
|
|
|
var $videoEditor = Ox.VideoEditor({
|
|
annotationsSize: 256,
|
|
duration: 6336.08,
|
|
find: 'dode',
|
|
getLargeTimelineImageURL: function(i) {
|
|
return 'http://next.0xdb.org/0393109/timelines/timeline.64.' + i + '.png';
|
|
},
|
|
getSmallTimelineImageURL: function(i) {
|
|
return 'http://next.0xdb.org/0393109/timelines/timeline.16.' + i + '.png';
|
|
},
|
|
getVideoImageURL: function(i) {
|
|
return 'png/0393109.png';
|
|
},
|
|
height: window.innerHeight - 129,
|
|
'in': 3128.76,
|
|
out: 3130.72,
|
|
position: 3168.04,
|
|
posterFrame: 3168.04,
|
|
subtitles: subtitles,
|
|
video: {
|
|
96: 'http://next.0xdb.org/0393109/96p.webm',
|
|
240: 'http://next.0xdb.org/0393109/96p.webm?240p',
|
|
480: 'http://next.0xdb.org/0393109/96p.webm?480p'
|
|
},
|
|
videoHeight: 96,
|
|
videoWidth: 180,
|
|
width: window.innerWidth - 257
|
|
});
|
|
|
|
Ox.SplitPanel({
|
|
elements: [
|
|
{
|
|
collapsible: true,
|
|
element: Ox.Element(),
|
|
resizable: true,
|
|
resize: [128, 256, 384],
|
|
size: 256
|
|
},
|
|
{
|
|
element: Ox.SplitPanel({
|
|
elements: [
|
|
{
|
|
collapsible: true,
|
|
element: Ox.Element(),
|
|
resizable: true,
|
|
resize: [64, 128, 192],
|
|
size: 128
|
|
},
|
|
{
|
|
element: $videoEditor
|
|
}
|
|
],
|
|
orientation: 'vertical'
|
|
})
|
|
.bindEvent({
|
|
resize: function(foo, size) {
|
|
$videoEditor.options({
|
|
width: size
|
|
});
|
|
}
|
|
})
|
|
}
|
|
],
|
|
orientation: 'horizontal'
|
|
})
|
|
.appendTo(Ox.UI.$body);
|
|
|
|
$videoEditor.$element.bindEvent({
|
|
resize: function(foo, size) {
|
|
Ox.print('HHHHHHHHH', foo, size)
|
|
$videoEditor.options({
|
|
height: size
|
|
});
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
});
|