web/lib/metadataplayer/Mediafragment.js
author cavaliet
Wed, 23 Oct 2013 16:48:59 +0200
changeset 14 960eb22c078c
parent 0 7f8907368bd5
permissions -rwxr-xr-x
test renkan
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     1
IriSP.Widgets.Mediafragment = function(player, config) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     2
    IriSP.Widgets.Widget.call(this, player, config);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     3
    this.last_hash_key = "";
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     4
    this.last_hash_value = "";
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     5
    window.onhashchange = this.functionWrapper("goToHash");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     6
    if (typeof window.addEventListener !== "undefined") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     7
        var _this = this;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     8
        window.addEventListener('message', function(_msg) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
     9
            if (/^#/.test(_msg.data)) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    10
                _this.setWindowHash(_msg.data);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    11
            }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    12
        });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    13
    };
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    14
    this.onMdpEvent("Mediafragment.setHashToAnnotation","setHashToAnnotation");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    15
    this.blocked = false;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    16
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    17
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    18
IriSP.Widgets.Mediafragment.prototype = new IriSP.Widgets.Widget();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    19
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    20
IriSP.Widgets.Mediafragment.prototype.draw = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    21
    this.onMediaEvent("setpause","setHashToTime");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    22
    var _this = this;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    23
    this.getWidgetAnnotations().forEach(function(_annotation) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    24
        _annotation.on("click", function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    25
            _this.setHashToAnnotation(_annotation.id);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    26
        });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    27
    });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    28
    if (this.media.loadedMetadata) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    29
        this.goToHash();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    30
    } else {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    31
        this.onMediaEvent("loadedmetadata","goToHash");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    32
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    33
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    34
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    35
IriSP.Widgets.Mediafragment.prototype.setWindowHash = function(_hash) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    36
    if (typeof window.history !== "undefined" && typeof window.history.replaceState !== "undefined") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    37
        window.history.replaceState({}, "", _hash);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    38
    } else {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    39
        document.location.hash = _hash;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    40
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    41
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    42
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    43
IriSP.Widgets.Mediafragment.prototype.getLastHash = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    44
    var _tab = document.location.hash.replace(/^#/,'').split('&');
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    45
    _tab = IriSP._(_tab).filter(function(_el) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    46
        return _el && !/^(id|t)=/.test(_el);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    47
    });
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    48
    if (this.last_hash_key) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    49
        _tab.push(this.last_hash_key + '=' + this.last_hash_value);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    50
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    51
    return '#' + _tab.join('&');
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    52
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    53
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    54
IriSP.Widgets.Mediafragment.prototype.goToHash = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    55
    if (document.location.hash !== this.getLastHash()) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    56
        var _tab = document.location.hash.replace(/^#/,'').split('&');
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    57
        for (var _i = 0; _i < _tab.length; _i++) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    58
            var _subtab = _tab[_i].split("=");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    59
            if (_subtab[0] == "id" || _subtab[0] == "t") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    60
                this.last_hash_key = _subtab[0];
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    61
                this.last_hash_value = _subtab[1];
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    62
                if (this.last_hash_key == "id") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    63
                    var _annotation = this.source.getElement(this.last_hash_value);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    64
                    if (typeof _annotation !== "undefined") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    65
                        this.media.setCurrentTime(_annotation.begin);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    66
                    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    67
                }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    68
                if (this.last_hash_key == "t") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    69
                    this.media.setCurrentTime(1000*this.last_hash_value);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    70
                }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    71
                break;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    72
            }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    73
        }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    74
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    75
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    76
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    77
IriSP.Widgets.Mediafragment.prototype.setHashToAnnotation = function(_annotationId) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    78
    this.setHash( 'id', _annotationId );
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    79
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    80
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    81
IriSP.Widgets.Mediafragment.prototype.setHashToTime = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    82
    this.setHash( 't', this.media.getCurrentTime().getSeconds() );
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    83
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    84
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    85
IriSP.Widgets.Mediafragment.prototype.setHash = function(_key, _value) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    86
    if (!this.blocked && (this.last_hash_key !== _key || this.last_hash_value !== _value)) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    87
        this.last_hash_key = _key;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    88
        this.last_hash_value = _value;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    89
        var _hash = this.getLastHash();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    90
        this.setWindowHash(_hash);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    91
        if (window.parent !== window) {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    92
            window.parent.postMessage(_hash,"*");
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    93
        }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    94
        this.block();
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    95
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    96
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    97
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    98
IriSP.Widgets.Mediafragment.prototype.unblock = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
    99
    if (typeof this.blockTimeout !== "undefined") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   100
        window.clearTimeout(this.blockTimeout);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   101
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   102
    this.blockTimeout = undefined;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   103
    this.blocked = false;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   104
};
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   105
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   106
IriSP.Widgets.Mediafragment.prototype.block = function() {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   107
    if (typeof this.blockTimeout !== "undefined") {
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   108
        window.clearTimeout(this.blockTimeout);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   109
    }
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   110
    this.blocked = true;
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   111
    this.blockTimeout = window.setTimeout(this.functionWrapper("unblock"), 1500);
7f8907368bd5 first commit
cavaliet
parents:
diff changeset
   112
};