diff --git a/src/misc/filters/audio/Loudnorm.js b/src/misc/filters/audio/Loudnorm.js index ffe9d1a..5b2c70a 100644 --- a/src/misc/filters/audio/Loudnorm.js +++ b/src/misc/filters/audio/Loudnorm.js @@ -27,15 +27,6 @@ function createMapping(settings) { return mapping; } -function Loudness(props) { - return Loudness Normalization} checked={props.value} onChange={props.onChange} />; -} - -Loudness.defaultProps = { - value: '', - onChange: function (event) {}, -}; - function Filter(props) { const settings = init(props.settings); @@ -70,7 +61,7 @@ function Filter(props) { return ( - + Loudness Normalization} checked={settings.value} onChange={update('value')} /> ); diff --git a/src/misc/filters/audio/Volume.js b/src/misc/filters/audio/Volume.js index 3bf934f..ab2bffc 100644 --- a/src/misc/filters/audio/Volume.js +++ b/src/misc/filters/audio/Volume.js @@ -12,7 +12,7 @@ import Select from '../../Select'; function init(initialState) { const state = { - level: false, + level: 'none', db: 0, ...initialState, }; @@ -23,12 +23,15 @@ function init(initialState) { function createMapping(settings) { const mapping = []; - if (settings.level) { - if (settings.level !== 'custom') { - mapping.push(`volume=volume=${settings.level}`); - } else { + switch (settings.level) { + case 'none': + break; + case 'custom': mapping.push(`volume=volume=${settings.db}dB`); - } + break; + default: + mapping.push(`volume=volume=${parseInt(settings.level) / 100}`); + break; } return mapping; @@ -37,18 +40,22 @@ function createMapping(settings) { function VolumeLevel(props) { return ( ); } @@ -108,10 +115,10 @@ function Filter(props) { return ( - + - + ); diff --git a/src/misc/filters/index.js b/src/misc/filters/index.js index 10874df..f4f0b90 100644 --- a/src/misc/filters/index.js +++ b/src/misc/filters/index.js @@ -7,8 +7,7 @@ import * as Transpose from './video/Transpose'; import * as HFlip from './video/HFlip'; import * as VFlip from './video/VFlip'; -// Registrate Filters by: -// type: audio/video +// Register filters type: audio/video class Registry { constructor(type) { this.type = type; diff --git a/src/misc/filters/video/HFlip.js b/src/misc/filters/video/HFlip.js index 78798d1..34b8fff 100644 --- a/src/misc/filters/video/HFlip.js +++ b/src/misc/filters/video/HFlip.js @@ -27,17 +27,6 @@ function createMapping(settings) { return mapping; } -function HFlip(props) { - return ( - Horizontal Flip} checked={props.value} onChange={props.onChange} /> - ); -} - -HFlip.defaultProps = { - value: '', - onChange: function (event) {}, -}; - function Filter(props) { const settings = init(props.settings); @@ -71,7 +60,7 @@ function Filter(props) { return ( - + Horizontal Flip} checked={settings.value} onChange={update('value')} /> ); } diff --git a/src/misc/filters/video/Transpose.js b/src/misc/filters/video/Transpose.js index ad48501..8f99731 100644 --- a/src/misc/filters/video/Transpose.js +++ b/src/misc/filters/video/Transpose.js @@ -11,7 +11,7 @@ import Select from '../../Select'; function init(initialState) { const state = { - value: false, + value: 'none', ...initialState, }; @@ -21,12 +21,18 @@ function init(initialState) { function createMapping(settings) { const mapping = []; - if (settings.value) { - if (settings.value === 3) { - mapping.push('transpose=2', 'transpose=2'); - } else { - mapping.push(`transpose=${settings.value}`); - } + switch (settings.value) { + case '90': + mapping.push('transpose=dir=clock:passthrough=none'); + break; + case '180': + mapping.push('transpose=dir=clock:passthrough=none', 'transpose=dir=clock:passthrough=none'); + break; + case '270': + mapping.push('transpose=dir=cclock:passthrough=none'); + break; + default: + break; } return mapping; @@ -36,10 +42,10 @@ function createMapping(settings) { function Rotate(props) { return ( ); } diff --git a/src/misc/filters/video/VFlip.js b/src/misc/filters/video/VFlip.js index 741fadd..4d74c20 100644 --- a/src/misc/filters/video/VFlip.js +++ b/src/misc/filters/video/VFlip.js @@ -27,17 +27,6 @@ function createMapping(settings) { return mapping; } -function VFlip(props) { - return ( - Vertical Flip} checked={props.value} onChange={props.onChange} /> - ); -} - -VFlip.defaultProps = { - value: '', - onChange: function (event) {}, -}; - function Filter(props) { const settings = init(props.settings); @@ -71,7 +60,7 @@ function Filter(props) { return ( - + Vertical Flip} checked={settings.value} onChange={update('value')} /> ); }