speedtrans/js/classes.js

//elem = string (elementId to make TextArea)
var TextArea = function(elem) {
    this.elem = $('#' + elem);
    var that = this;
    //this.elem = new Ox.Input({'type': 'textarea', 'id': 'textArea'}).attr("id", elem).appendTo('#txtWrapper');
    this.hasFocus = false;
    this.width = this.elem.width();
    this.spans = [];
    this.init()
}

TextArea.prototype.init = function() {
    var that = this;
    var e = this.elem;
    var tc;
    e.focus(function() {
        that.hasFocus = true;
    }).blur(function() {
        that.hasFocus = false;
    });
    e.dblclick(function(e) {
        var tc = that.isTc();
        if (tc) {
            Video.set(tc);
            }
    });
}


//returns tc in ms if cursor is at a time-code, else returns false
TextArea.prototype.isTc = function() {
    var that = this;
    var e = this.elem;
    var eDom = e.get(0);
    var val = e.val();
    var pos = eDom.selectionStart;
    var word = this.getWord(pos);
    if (isValidTimecode(word)) {
        return Ox.parseDuration(word);
    } else {
        return false;
    }
}

//inserts current timecode at cursor position
TextArea.prototype.insertTc = function(tcNpt) {
    var that = this;
    var e = that.elem;
    var eDom = e.get(0);
    var scrollTop = eDom.scrollTop;
    var val = this.elem.val();
    var pos = eDom.selectionStart;
    if(!tcNpt) {
        tcNpt = Ox.formatDuration(Video.get(), 3);
    }
    var newVal = val.substring(0,pos) + "\n" + tcNpt + "\n" + val.substring(pos, val.length);
    e.val(newVal);
    e.focus();
    eDom.selectionStart = pos + tcNpt.length + 2;
    eDom.selectionEnd = pos + tcNpt.length + 2;
    eDom.scrollTop = scrollTop + 15;
}

//gets the word at character pos (int) [in val (str)]
TextArea.prototype.getWord = function(pos, val) {
    if (!val) {
        val = this.elem.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;
}

function cleanNewlines(str) {
    var s = str.replace(/\r\n|\r|\n/g, '\n');
    return s;
}

//takes an srt as param, loads into txtarea
TextArea.prototype.fromSrt = function(txt) {
    var that = this;
    this.spans = [];
    var srt = Ox.parseSRT(txt);
    Ox.print(srt);
    srt.forEach(function(s) {
        that.spans.push(new Span(s['in'], s.out, s.text, that.spans.length));
    });
    var out = '';
    var spans = this.spans;
    spans.forEach(function(sp, span) {
        out += Ox.formatDuration(sp.tcInMs, 3) + "\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) {
                out += Ox.formatDuration(sp.tcOutMs, 3) + "\n\n";
            } else {
                out += "\n";
            }
        } else if (parseInt(sp.tcOutMs) < Video.player.duration) {
                out += "\n" + Ox.formatDuration(sp.tcOutMs, 3) + "\n\n";
        }
    });
    this.elem.val(out);
    if (this.elem.val == '' || this.spans.length == 0) {
        return false;
    } else {
        return true;
    }
}

function strip(s) {
    return s.replace(/^\s+|\s+$/g,"");
}

function formatEnc(data) {
    var r = '', n = 1;
    data.forEach(function(item) {
        r += n + ' ' + formatFrames(item['in']) + ' ' + formatFrames(item.out) + ' ' + item.text;
        r += '\n\n';
        n++;
    });
    return r;
}

function spansToSrt(arr, fmt, start_no) {
    if (typeof start_no == 'undefined') {
        start_no = 1;
        }
    var srt = [];
    arr.forEach(function(s) {
        if (s.text.trim() == '') {
        } else {
            var text = s.text.trim();
            linebreaksRegex = new RegExp('\n+', "g")
            text = text.replace(linebreaksRegex, "\n");
            if (!s.tcOutMs) {
                s.tcOutMs = Video.player.duration;
            }
            srt.push({
                'in': s.tcInMs,
                out: s.tcOutMs,
                text: text
            });
        }
    });
    if (fmt == 'srt') {
        return Ox.formatSRT(srt);
    } else if (fmt == 'enc') {
        return formatEnc(srt);
    }
    return srt;
}

//returns textarea formatted to .srt
TextArea.prototype.toSrt = function(fmt) {
    if (!fmt) var fmt = 'srt';
    var text = cleanNewlines(this.elem.val());
    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] = new Span(tcIn, tcOut, t, j);
            j++;
        } else {
            i++;
        }
    }
    this.spans = spans;
    var srt = spansToSrt(spans, fmt);
    //console.log(srt);
    return srt;
}


TextArea.prototype.toHTML = function() {
    var spans = this.spans;
    var html = '';
    var span, txt;
    for (var i=0; i<spans.length; i++) {
        span = spans[i];
        txt = '';
        txt += '<p>\n';
        txt += '<a href="https://pad.ma/PADMA_VIDEO_ID/' + Ox.formatDuration(span.tcInMs, 3) + "-" + Ox.formatDuration(span.tcOutMs, 3) + '">';
        txt += (i + 1).toString();
        txt += "</a>\n";
        txt += '<br />\n';
        txt += span.text + "\n";
        txt += "</p>\n\n";
        html += txt;
    }
    return Ox.encodeUTF8(html);
}


//creates new Span (tcIn and tcOut in npt format)
var Span = function(tcIn, tcOut, text, index) {
    this.index = index;
    this.tcOutMs = Ox.isString(tcOut) ? Ox.parseDuration(tcOut) : tcOut;
    this.text = text;
    this.tcInMs = Ox.isString(tcOut) ? Ox.parseDuration(tcIn) : tcIn;
}

var SeekBar = function(elem) {
    this.elem = $('#' + elem);
    this.pointerId = "seekPointer";
    this.width = this.elem.width();
    this.init()
}

SeekBar.prototype.init = function() {
    var that = this;
    var e = $('<div />');
    e.attr("id", that.pointerId);
    e.draggable({
        containment: 'parent',
        axis: 'horizontally',
        drag: function() {
            clearInterval(videoListener);
            var pos = that.get();
            $('#timeCode').html(Ox.formatDuration(pos, 3));
            },
        stop: function() {
            var pos = that.get();
            Video.set(pos);
            videoListener = setInterval(Video.listener, 250);
            }
        });
    that.elem.append(e);
    this.pointerElem = e;
}

//gets current time-code (int) of seekbar position
SeekBar.prototype.get = function() {
    var cssPos = parseInt(this.pointerElem.css("left"));
    var pos = parseInt((cssPos / this.width) * Video.player.duration);
    return pos;
}

//sets seek bar css pos according to current time-code
SeekBar.prototype.set = function(seconds) {
    var cssPos = parseInt((seconds / Video.player.duration) * this.width);
    this.elem.css("left", cssPos + "px");
}

/*
var KeyboardController = function() {
  this.
}
*/

var User = function() {
    this.padmaUser = typeof user != 'undefined' ? user : null;
    this.hostname = 'chrome://speedtrans';
    this.defaults = {
        'fontSize': '13',
        'theme': 'oxlight',
        'recentVideo': '',
        'recentSrt': '',
        'autosave': 5,
        'direction': 'ltr'
    };
    var autoSaveInterval = -1;
    this.callbacks = {
        'fontSize': function(newSize) {
            textArea.elem.css("font-size", newSize + "px");
        },
        'theme': function(theme) {
            if(['oxdark', 'oxmedium', 'oxlight'].indexOf(theme) == -1) {
                    console.log('only supporting oxlight, oxmedium, oxdark, but ' + theme + ' was requested');
                    theme = 'oxlight';
            }
            Ox.Theme(theme);
        },
        'recentVideo': $.noop,
        'recentSrt': $.noop,
        'direction': function(val) {
            textArea.elem.css("direction", val);
        }
    }
}

User.prototype.init = function() {
    var prefs = ['fontSize', 'theme', 'direction'];
    for (var i = 0; i < prefs.length; i++) {
        var key = prefs[i];
        var val = this.get_pref(key);
        this.callbacks[key](val);
    }
}

User.prototype.set_pref = function(key, val) {
    var that = this;
    localStorage[key] = val;
    this.callbacks[key](val);
}

User.prototype.get_pref = function(key) {
    var that = this;
    if (typeof localStorage[key] === 'undefined') {
        localStorage[key] = that.defaults[key];
    }
    return localStorage[key];
}

User.prototype.set_prefs = function(keyvals) {
    for (key in keyvals) {
        if (keyvals.hasOwnProperty(key)) {
            this.set_pref(key, keyvals[key]);
        }
    }
}

User.prototype.get_prefs = function(keys) {
    var ret = {};
    for (var i=0; i < keys.length; i++) {
        var key = keys[i];
        ret[key] = this.get_pref(key);
    }
    return ret;
}

User.prototype.set_txt = function(filename, txt) {
    var that = this;
    localStorage['txt_' + filename] = txt;
}

User.prototype.get_txt = function(filename) {
    var that = this;
    return localStorage['txt_' + filename];
}

function loadCuts(url, id) {
    function pandora_api(action, data, callback) {
        $.ajax({
            type: "POST",
            url: url,
            data: {action: action, data: JSON.stringify(data)},
            success: callback,
            dataType: 'json'
        });
    }
    pandora_api('get', {id: id, keys: ['cuts']}, function(result) {
        var txt = '';
        result.data.cuts.forEach(function(cut) {
            textArea.insertTc(Ox.formatDuration(cut));
        });
    });
}

function loadSrt(file) {
    var reader = new FileReader();
    reader.onload = function(data) {
        textArea.fromSrt(data.target.result);
    };
    reader.readAsText(file);
}