compactify layers
This commit is contained in:
parent
478e9f8b80
commit
7c4270d03f
1 changed files with 27 additions and 71 deletions
70
js/index.js
70
js/index.js
|
@ -33,11 +33,17 @@ Ox.load('UI', function() {
|
|||
+ '/timeline' + type + '16p' + i + '.jpg';
|
||||
},
|
||||
height: window.innerHeight - 24,
|
||||
layers: [{
|
||||
id: 'shape',
|
||||
item: 'Shape Hash',
|
||||
layers: [
|
||||
{id: 'shape', item: 'Shape Hash', title: 'Shape Hashes'},
|
||||
{id: 'color', item: 'Color Hash', title: 'Color Hashes'},
|
||||
{id: 'pHash', item: 'P Hash', title: 'P Hashes'},
|
||||
{id: 'dct', item: '3D DCT Hash', title: '3D DCT Hashes'},
|
||||
].map(function(layer) {
|
||||
return {
|
||||
id: layer.id,
|
||||
item: layer.item,
|
||||
items: data['json/hashes.json'].filter(function(value) {
|
||||
return value.type == 'shape';
|
||||
return value.type == layer.id;
|
||||
}).map(function(value) {
|
||||
return {
|
||||
'in': value['in'],
|
||||
|
@ -49,63 +55,13 @@ Ox.load('UI', function() {
|
|||
}).join('<br>')
|
||||
};
|
||||
}),
|
||||
title: 'Shape Hashes',
|
||||
title: layer.title,
|
||||
type: 'text'
|
||||
}, {
|
||||
id: 'color',
|
||||
item: 'Color Hash',
|
||||
items: data['json/hashes.json'].filter(function(value) {
|
||||
return value.type == 'color';
|
||||
}).map(function(value) {
|
||||
return {
|
||||
'in': value['in'],
|
||||
out: value.out,
|
||||
value: value.hash + '<br>' + value.similar.map(function(value) {
|
||||
var position = Ox.formatDuration(value.position, 3);
|
||||
return '<a href="#' + position + '">' + position +'</a> ' + value.distance;
|
||||
}).join('<br>')
|
||||
};
|
||||
}
|
||||
}),
|
||||
title: 'Color Hashes',
|
||||
type: 'text'
|
||||
},{
|
||||
id: 'p',
|
||||
item: 'P Hash',
|
||||
items: data['json/hashes.json'].filter(function(value) {
|
||||
return value.type == 'pHash';
|
||||
}).map(function(value) {
|
||||
return {
|
||||
'in': value['in'],
|
||||
out: value.out,
|
||||
value: value.hash + '<br>' + value.similar.map(function(value) {
|
||||
var position = Ox.formatDuration(value.position, 3);
|
||||
return '<a href="#' + position + '">' + position +'</a> ' + value.distance;
|
||||
}).join('<br>')
|
||||
};
|
||||
}),
|
||||
title: 'P Hashes',
|
||||
type: 'text'
|
||||
}, {
|
||||
id: 'dct',
|
||||
item: 'DCT Hash',
|
||||
items: data['json/hashes.json'].filter(function(value) {
|
||||
return value.type == 'dct';
|
||||
}).map(function(value) {
|
||||
return {
|
||||
'in': value['in'],
|
||||
out: value.out,
|
||||
value: value.hash + '<br>' + value.similar.map(function(value) {
|
||||
var position = Ox.formatDuration(value.position, 3);
|
||||
return '<a href="#' + position + '">' + position +'</a> ' + value.distance;
|
||||
}).join('<br>')
|
||||
};
|
||||
}),
|
||||
title: 'DCT Hashes',
|
||||
type: 'text'
|
||||
}],
|
||||
resolution: video.resolution,
|
||||
showAnnotations: true,
|
||||
showLayers: {shape: true, color: true, dct: true},
|
||||
showLayers: {shape: true, color: true, p: true, dct: true},
|
||||
subtitles: data['json/cuts1.json'].map(function(position) {
|
||||
return {'in': position - 0.08, out: position - 0.04, text: ''};
|
||||
}),
|
||||
|
|
Loading…
Reference in a new issue