web/res/metadataplayer/Mediafragment.js
author Raphael Velt <raph.velt@gmail.com>
Mon, 21 May 2012 18:18:08 +0200
changeset 620 953c68b4da79
parent 618 f65c1c3f77ea
child 621 44f90de0016f
permissions -rw-r--r--
Added Edito 24.05 + embed code now relaying mediafragment
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     1
IriSP.Widgets.Mediafragment = function(player, config) {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     2
    IriSP.Widgets.Widget.call(this, player, config);
618
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
     3
    this.last_hash_key = "";
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
     4
    this.last_hash_value = "";
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     5
    window.onhashchange = this.functionWrapper("goToHash");
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     6
    if (typeof window.addEventListener !== "undefined") {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     7
        window.addEventListener('message', function(_msg) {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     8
            if (_msg.data.type === "hashchange") {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     9
                document.location.hash = _msg.data.hash;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    10
            }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    11
        })
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    12
    };
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    13
    this.bindPopcorn("pause","setHashToTime");
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    14
    this.bindPopcorn("seeked","setHashToTime");
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    15
    this.bindPopcorn("IriSP.Mediafragment.setHashToAnnotation","setHashToAnnotation");
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    16
    this.blocked = false;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    17
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    18
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    19
IriSP.Widgets.Mediafragment.prototype = new IriSP.Widgets.Widget();
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    20
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    21
IriSP.Widgets.Mediafragment.prototype.draw = function() {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    22
    this.goToHash();
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    23
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    24
618
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    25
IriSP.Widgets.Mediafragment.prototype.getLastHash = function() {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    26
    var _tab = document.location.hash.replace(/^#/,'').split('&');
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    27
    _tab = IriSP._(_tab).filter(function(_el) {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    28
        return _el && !/^(id|t)=/.test(_el);
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    29
    });
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    30
    if (this.last_hash_key) {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    31
        _tab.push(this.last_hash_key + '=' + this.last_hash_value);
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    32
    }
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    33
    return '#' + _tab.join('&');
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    34
}
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    35
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    36
IriSP.Widgets.Mediafragment.prototype.goToHash = function() {
618
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    37
    if (document.location.hash !== this.getLastHash()) {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    38
        var _tab = document.location.hash.replace(/^#/,'').split('&');
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    39
        for (var _i = 0; _i < _tab.length; _i++) {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    40
            var _subtab = _tab[_i].split("=");
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    41
            if (_subtab[0] == "id" || _subtab[0] == "t") {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    42
                this.last_hash_key = _subtab[0];
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    43
                this.last_hash_value = _subtab[1];
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    44
                if (this.last_hash_key == "id") {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    45
                    var _annotation = this.source.getElement(this.last_hash_value);
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    46
                    if (typeof _annotation !== "undefined") {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    47
                        this.player.popcorn.currentTime(_annotation.begin.getSeconds());
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    48
                    }
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    49
                }
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    50
                if (this.last_hash_key == "t") {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    51
                    this.player.popcorn.currentTime(this.last_hash_value);
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    52
                }
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    53
                break;
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    54
            }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    55
        }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    56
    }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    57
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    58
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    59
IriSP.Widgets.Mediafragment.prototype.setHashToAnnotation = function(_annotationId) {
618
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    60
    this.setHash( 'id', this.source.unNamespace(_annotationId) );
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    61
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    62
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    63
IriSP.Widgets.Mediafragment.prototype.setHashToTime = function(_time) {
618
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    64
    if (_time !== NaN) {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    65
        this.setHash( 't', this.player.popcorn.currentTime() );
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    66
    }
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    67
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    68
618
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    69
IriSP.Widgets.Mediafragment.prototype.setHash = function(_key, _value) {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    70
    if (!this.blocked && (this.last_hash_key !== _key || this.last_hash_value !== _value)) {
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    71
        this.last_hash_key = _key;
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    72
        this.last_hash_value = _value;
f65c1c3f77ea corrected metadataplayer for mediafragment bug
Raphael Velt <raph.velt@gmail.com>
parents: 598
diff changeset
    73
        var _hash = this.getLastHash();
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    74
        document.location.hash = _hash;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    75
        if (window.parent !== window) {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    76
            window.parent.postMessage({
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    77
                type: "hashchange",
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    78
                hash: _hash
620
953c68b4da79 Added Edito 24.05 + embed code now relaying mediafragment
Raphael Velt <raph.velt@gmail.com>
parents: 618
diff changeset
    79
            },"*")
598
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    80
        }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    81
        this.block();
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    82
    }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    83
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    84
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    85
IriSP.Widgets.Mediafragment.prototype.unblock = function() {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    86
    if (typeof this.blockTimeout !== "undefined") {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    87
        window.clearTimeout(this.blockTimeout);
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    88
    }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    89
    this.blockTimeout = undefined;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    90
    this.blocked = false;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    91
}
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    92
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    93
IriSP.Widgets.Mediafragment.prototype.block = function() {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    94
    if (typeof this.blockTimeout !== "undefined") {
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    95
        window.clearTimeout(this.blockTimeout);
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    96
    }
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    97
    this.blocked = true;
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    98
    this.blockTimeout = window.setTimeout(this.functionWrapper("unblock"), 1000);
d366aa22bd79 New Metadataplayer version
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    99
}