0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

add poster frame controls to menu, fixes #340

Browse source
This commit is contained in:
j 2012-02-02 05:15:12 +00:00
parent 25f7c2a285
commit 151c701934
1 changed files with 16 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
source/Ox.UI/js/Video/Ox.VideoEditor.js
View file

@ -406,7 +406,7 @@ Ox.VideoEditor = function(options, self) {
});
self.$videoMenuButton = Ox.MenuButton({
items: [
items: Ox.merge([
{id: 'toggleSize', title: 'Large Player', checked: self.options.playerSize == 'large', keyboard: 'shift +'},
{},
{group: 'resolution', min: 1, max: 1, items: self.resolutions},
@ -417,9 +417,16 @@ Ox.VideoEditor = function(options, self) {
{id: 'downloadVideo', title: 'Download Video...', disabled: !self.options.enableDownload },
{id: 'downloadSelection', title: 'Download Selection...', disabled: !self.options.enableDownload},
{id: 'embedSelection', title: 'Embed Selection...'},
],
self.options.posterFrameControls ? [
{},
{id: 'gotoPosterFrame', title: 'Goto Poster Frame'},
{id: 'setPosterFrame', title: 'Set Poster Frame'},
] : [],
[
{},
{id: 'keyboard', title: 'Keyboard Shortcuts...', keyboard: 'h'}
],
]),
style: 'square',
title: 'set',
tooltip: 'Actions and Settings',
@ -453,6 +460,13 @@ Ox.VideoEditor = function(options, self) {
'in': self.options['in'],
out: self.options.out,
});
} else if (id == 'gotoPosterFrame') {
setPosition(self.options.posterFrame);
} else if (id == 'setPosterFrame') {
self.options.posterFrame = self.options.position;
that.triggerEvent('posterframe', {
position: self.options.posterFrame
});
}
},
change: function(data) {
@ -467,58 +481,6 @@ Ox.VideoEditor = function(options, self) {
})
.appendTo(self.$menubar);
if (self.options.posterFrameControls) {
self.$goToPosterButton = Ox.Button({
style: 'symbol',
title: 'goToPoster',
tooltip: 'Go to Poster Frame',
type: 'image'
})
.css({float: 'left'})
.bindEvent({
click: function() {
setPosition(self.options.posterFrame);
}
})
.appendTo(self.$menubar);
self.$setPosterButton = Ox.Button({
disabled: true,
style: 'symbol',
title: 'setPoster',
tooltip: 'Set Poster Frame',
type: 'image'
})
.css({float: 'left'})
.bindEvent({
click: function() {
self.$goToPosterButton.toggleOption('disabled');
self.$setPosterButton.toggleOption('disabled');
self.$unlockPosterButton.toggle();
}
})
.appendTo(self.$menubar);
self.$unlockPosterButton = Ox.Button({
style: 'symbol',
title: [
{id: 'lock', title: 'lock'},
{id: 'unlock', title: 'unlock', selected: true}
],
tooltip: ['Lock Poster Frame', 'Unlock Poster Frame'],
type: 'image'
})
.css({float: 'left'})
.bindEvent({
click: function() {
self.$setPosterButton.toggleOption('disabled');
}
})
.appendTo(self.$menubar);
}
self.$clearButton = Ox.Button({
disabled: self.options.find === '',
style: 'symbol',