252 lines
8.8 KiB
JavaScript
252 lines
8.8 KiB
JavaScript
pandora.ui.textArea = function() {
|
|
var that = Ox.Input({
|
|
type: 'textarea',
|
|
width: 400,
|
|
height: 400,
|
|
changeOnKeypress: true
|
|
}).bindEvent("change", function() {
|
|
Ox.print("textarea changed");
|
|
that.speedtrans.save();
|
|
that.changed = true;
|
|
});
|
|
|
|
|
|
var $video = pandora.$ui.videoPlayer;
|
|
that.changed = false;
|
|
|
|
that.speedtrans = {
|
|
spans: [],
|
|
storage: '',
|
|
insertTc: function() {
|
|
var eDom = that.find("textarea").get(0); //FIXME
|
|
var scrollTop = eDom.scrollTop;
|
|
var val = that.value();
|
|
var pos = eDom.selectionStart;
|
|
var tcNpt = ms2npt(pandora.$ui.videoPlayer.options("position") * 1000);
|
|
var newVal = val.substring(0,pos) + "\n" + tcNpt + "\n" + val.substring(pos, val.length);
|
|
that.value(newVal);
|
|
that.find("textarea").focus(); //FIXME
|
|
eDom.selectionStart = pos + tcNpt.length + 2;
|
|
eDom.selectionEnd = pos + tcNpt.length + 2;
|
|
eDom.scrollTop = scrollTop + 15;
|
|
},
|
|
isTc: function() {
|
|
var eDom = that.find("textarea").get(0);
|
|
var val = that.value();
|
|
var pos = eDom.selectionStart;
|
|
var word = that.speedtrans.getWord(pos, val);
|
|
|
|
if (isValidTimecode(word)) {
|
|
return npt2ms(word);
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
getWord: function(pos, val) {
|
|
var c;
|
|
var i = pos;
|
|
var j = pos;
|
|
while (c != " " && c != "\n") {
|
|
if (i==0) {
|
|
i = -1;
|
|
break;
|
|
}
|
|
i--;
|
|
c = val.substring(i,i+1);
|
|
}
|
|
var firstLetter = i+1;
|
|
var d;
|
|
while (d != " " && d != "\n") {
|
|
if (j >= val.length) {
|
|
break;
|
|
}
|
|
j++;
|
|
d = val.substring(j,j+1);
|
|
}
|
|
var lastLetter = j;
|
|
var word = val.substring(firstLetter, lastLetter);
|
|
return word;
|
|
},
|
|
toSrt: function(fmt, txt) {
|
|
if (!fmt) var fmt = 'srt';
|
|
if (txt === undefined) {
|
|
txt = that.value();
|
|
}
|
|
var text = cleanNewlines(txt);
|
|
var lines = [];
|
|
lines = text.split("\n");
|
|
var i=0;
|
|
var j=0;
|
|
var spans = this.spans = [];
|
|
while (i < lines.length) {
|
|
var l = lines[i];
|
|
if (isValidTimecode(l.trim())) {
|
|
var tcIn = l.trim();
|
|
var t = "";
|
|
var thisLine = '';
|
|
while (!isValidTimecode(thisLine.trim())) {
|
|
i++;
|
|
if (i >= lines.length) {
|
|
break;
|
|
}
|
|
thisLine = lines[i];
|
|
if (!isValidTimecode(thisLine.trim())) {
|
|
t += thisLine + "\n";
|
|
}
|
|
}
|
|
var tcOut = $.trim(thisLine);
|
|
spans[j] = {
|
|
tcInMs: npt2ms(tcIn),
|
|
tcOutMs: npt2ms(tcOut),
|
|
text: t,
|
|
index: j
|
|
};
|
|
//this.spans.push(spans[j]);
|
|
j++;
|
|
} else {
|
|
i++;
|
|
}
|
|
}
|
|
this.spans = spans;
|
|
var duration = pandora.$ui.videoPlayer.options("duration");
|
|
//Ox.print(duration, spans, fmt);
|
|
var srt = spansToSrt(duration, spans, fmt);
|
|
// console.log(srt);
|
|
return srt;
|
|
},
|
|
fromSrt: function(txt) {
|
|
var annots = Ox.parseSRT(txt);
|
|
var i = 0;
|
|
var spans = Ox.map(annots, function(v) {
|
|
var obj = {
|
|
'tcInMs': parseInt(v['in'] * 1000),
|
|
'tcOutMs': parseInt(v.out * 1000),
|
|
'text': v.text,
|
|
'index': i
|
|
}
|
|
i++;
|
|
return obj;
|
|
});
|
|
//console.log(spans);
|
|
var out = '';
|
|
for (span in spans) {
|
|
if (spans.hasOwnProperty(span)) {
|
|
var sp = spans[span];
|
|
out += ms2npt(sp.tcInMs) + "\n";
|
|
out += sp.text;
|
|
out += "\n";
|
|
//If the outpoint of current span is equal to inpoint of next span, dont print out timecode, and just add the extra \n to go to next span.
|
|
if (span < spans.length - 1) {
|
|
var p = parseInt(span) + 1;
|
|
if ((spans[p].tcInMs - sp.tcOutMs) > 1) {
|
|
// if (spans[p].tcInMs != sp.tcOutMs) {
|
|
out += ms2npt(sp.tcOutMs) + "\n\n";
|
|
} else {
|
|
out += "\n";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//console.log(out);
|
|
that.value(out);
|
|
},
|
|
save: function() {
|
|
//console.log(that.value());
|
|
//var videoName = pandora.$ui.videoPlayer.videoName;
|
|
//console.log(videoName);
|
|
//console.log(that.storage);
|
|
//FIXME get type
|
|
var typ = pandora.$ui.selectAnnotationType.value();
|
|
var currStorage = pandora.storage(that.storage);
|
|
currStorage[typ] = that.value();
|
|
// pandora.storage(that.storage, {typ: that.value()});
|
|
pandora.storage(that.storage, currStorage);
|
|
},
|
|
load: function(options) {
|
|
console.log(options);
|
|
// if (options.type == 'local') {
|
|
// var file = options.file;
|
|
// var name = file.name;
|
|
// var url = window.URL.createObjectURL(file);
|
|
// } else if (options.type == 'remote') {
|
|
// var url = options.url;
|
|
// var name = options.name;
|
|
// }
|
|
var val = pandora.storage(options.name) || {};
|
|
var typ = options.typ || Object.keys(val)[0] || pandora.utils.getUntitledName();
|
|
that.storage = options.name;
|
|
that.currentTrack = typ;
|
|
pandora.$ui.selectAnnotationType.value(typ);
|
|
if (!val[typ]) {
|
|
val[typ] = '';
|
|
};
|
|
that.value(val[typ]);
|
|
pandora.storage(that.storage, val);
|
|
var videoOptions = {
|
|
'url': options.url
|
|
};
|
|
console.log(videoOptions);
|
|
pandora.$ui.videoPlayer = pandora.ui.videoPlayer(videoOptions);
|
|
//pandora.$ui.videoPlayer = videoElem;
|
|
pandora.$ui.videoPanel.replaceElement(0, pandora.$ui.videoPlayer);
|
|
//Ox.print(that.speedtrans.getLayers());
|
|
clearInterval(pandora.$ui.annotationsPanel.interval);
|
|
pandora.$ui.annotationsPanel.replaceWith(
|
|
pandora.$ui.annotationsPanel = pandora.ui.annotationsPanel(that.speedtrans.getLayers())
|
|
);
|
|
pandora.$ui.videoPanel.replaceElement(1, pandora.$ui.annotationsPanel);
|
|
pandora.utils.updateFolderMenus();
|
|
//console.log(filename);
|
|
//$video.options("video", filename);
|
|
},
|
|
getLayers: function() {
|
|
var $textArea = pandora.$ui.textArea;
|
|
var speedtrans = pandora.$ui.textArea.speedtrans;
|
|
var storageName = $textArea.storage;
|
|
if (!storageName) {
|
|
return [];
|
|
}
|
|
var storage = pandora.storage(storageName);
|
|
var keys = Object.keys(storage);
|
|
return $.map(keys, function(key) {
|
|
if (!key) { return null; }
|
|
return {
|
|
'id': key,
|
|
'title': key,
|
|
'items': speedtrans.toSrt('layers', storage[key]),
|
|
}
|
|
});
|
|
}
|
|
};
|
|
that.bindEvent(Ox.extend(pandora.utils.commonKeyboardEvents, {
|
|
key_control_x: function() {
|
|
that.speedtrans.insertTc();
|
|
}//,
|
|
// key_tab: function() {
|
|
// Ox.print("tab pressed");
|
|
// return false;
|
|
// }
|
|
}));
|
|
|
|
that.keydown(function(e) {
|
|
Ox.print("keydown");
|
|
if (e.keyCode == 9) {
|
|
e.preventDefault();
|
|
that.speedtrans.insertTc();
|
|
}
|
|
});
|
|
|
|
that.dblclick(function() {
|
|
//console.log("dblclicked");
|
|
var tc = that.speedtrans.isTc();
|
|
//Ox.print($video);
|
|
//Ox.print(tc);
|
|
if (tc) {
|
|
//GLOB = $video;
|
|
pandora.$ui.videoPlayer.options("position", tc / 1000);
|
|
}
|
|
});
|
|
return that;
|
|
}
|
|
|