src/widgets/Mediafragment.js
author ymh <ymh.work@gmail.com>
Sun, 12 Nov 2017 22:07:33 +0100
changeset 1071 02c04d2c8fd8
parent 1068 7623f9af9272
child 1072 ac1eacb3aa33
permissions -rw-r--r--
Various changes from git version and make autoplayer determine video type on lowercase url
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
     1
IriSP.Widgets.Mediafragment = function(player, config) {
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
     2
    IriSP.Widgets.Widget.call(this, player, config);
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
     3
    this.last_hash_key = "";
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
     4
    this.last_hash_value = "";
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
     5
    this.last_extra_key = "";
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
     6
    this.last_extra_value = "";
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
     7
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
     8
    window.onhashchange = this.functionWrapper("goToHash");
882
61c384dda19e Big refactoring
veltr
parents: 881
diff changeset
     9
    if (typeof window.addEventListener !== "undefined") {
986
f9d51dd4a3fe Tooltip Improvements, Update Popcorn
veltr
parents: 964
diff changeset
    10
        var _this = this;
882
61c384dda19e Big refactoring
veltr
parents: 881
diff changeset
    11
        window.addEventListener('message', function(_msg) {
906
4b6e154ae8de modifs traces
veltr
parents: 905
diff changeset
    12
            if (/^#/.test(_msg.data)) {
986
f9d51dd4a3fe Tooltip Improvements, Update Popcorn
veltr
parents: 964
diff changeset
    13
                _this.setWindowHash(_msg.data);
882
61c384dda19e Big refactoring
veltr
parents: 881
diff changeset
    14
            }
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    15
        });
882
61c384dda19e Big refactoring
veltr
parents: 881
diff changeset
    16
    };
957
4da0a5740b6c Starting 'players-as-widgets' branch
veltr
parents: 916
diff changeset
    17
    this.onMdpEvent("Mediafragment.setHashToAnnotation","setHashToAnnotation");
881
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
    18
    this.blocked = false;
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    19
};
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    20
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    21
IriSP.Widgets.Mediafragment.prototype = new IriSP.Widgets.Widget();
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    22
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    23
IriSP.Widgets.Mediafragment.prototype.draw = function() {
987
7b65bf78873a Bugfixes
veltr
parents: 986
diff changeset
    24
    this.onMediaEvent("setpause","setHashToTime");
964
d7d56ea2d0a6 Adaptations for Knowledge Concierge
veltr
parents: 957
diff changeset
    25
    var _this = this;
d7d56ea2d0a6 Adaptations for Knowledge Concierge
veltr
parents: 957
diff changeset
    26
    this.getWidgetAnnotations().forEach(function(_annotation) {
d7d56ea2d0a6 Adaptations for Knowledge Concierge
veltr
parents: 957
diff changeset
    27
        _annotation.on("click", function() {
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    28
            _this.setHashToAnnotation(_annotation);
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    29
        });
986
f9d51dd4a3fe Tooltip Improvements, Update Popcorn
veltr
parents: 964
diff changeset
    30
    });
987
7b65bf78873a Bugfixes
veltr
parents: 986
diff changeset
    31
    if (this.media.loadedMetadata) {
7b65bf78873a Bugfixes
veltr
parents: 986
diff changeset
    32
        this.goToHash();
7b65bf78873a Bugfixes
veltr
parents: 986
diff changeset
    33
    } else {
7b65bf78873a Bugfixes
veltr
parents: 986
diff changeset
    34
        this.onMediaEvent("loadedmetadata","goToHash");
7b65bf78873a Bugfixes
veltr
parents: 986
diff changeset
    35
    }
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    36
};
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    37
910
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
    38
IriSP.Widgets.Mediafragment.prototype.setWindowHash = function(_hash) {
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
    39
    if (typeof window.history !== "undefined" && typeof window.history.replaceState !== "undefined") {
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
    40
        window.history.replaceState({}, "", _hash);
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
    41
    } else {
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
    42
        document.location.hash = _hash;
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
    43
    }
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    44
};
910
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
    45
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    46
IriSP.Widgets.Mediafragment.prototype.getLastHash = function() {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    47
    var _tab = document.location.hash.replace(/^#/,'').split('&');
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    48
    _tab = IriSP._(_tab).filter(function(_el) {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    49
        return _el && !/^(id|t)=/.test(_el);
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    50
    });
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    51
    if (this.last_hash_key) {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    52
        _tab.push(this.last_hash_key + '=' + this.last_hash_value);
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    53
    }
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    54
    if (this.last_extra_key) {
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    55
        _tab.push(this.last_extra_key + '=' + this.last_extra_value);
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    56
    }
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    57
    return '#' + _tab.join('&');
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    58
};
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    59
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    60
IriSP.Widgets.Mediafragment.prototype.goToHash = function() {
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    61
    if (document.location.hash !== this.getLastHash()) {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    62
        var _tab = document.location.hash.replace(/^#/,'').split('&');
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    63
        for (var _i = 0; _i < _tab.length; _i++) {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    64
            var _subtab = _tab[_i].split("=");
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    65
            if (_subtab[0] == "id" || _subtab[0] == "t") {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    66
                this.last_hash_key = _subtab[0];
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    67
                this.last_hash_value = _subtab[1];
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    68
                if (this.last_hash_key == "id") {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    69
                    var _annotation = this.source.getElement(this.last_hash_value);
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    70
                    if (typeof _annotation !== "undefined") {
957
4da0a5740b6c Starting 'players-as-widgets' branch
veltr
parents: 916
diff changeset
    71
                        this.media.setCurrentTime(_annotation.begin);
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    72
                    } else {
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    73
                        /* Proceed parsing elements, maybe a t was specified */
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    74
                        continue;
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    75
                    }
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    76
                }
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    77
                if (this.last_hash_key == "t") {
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    78
                    this.media.setCurrentTime(1000 * this.last_hash_value);
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    79
                }
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    80
                break;
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    81
            }
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    82
        }
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    83
    }
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    84
};
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    85
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    86
IriSP.Widgets.Mediafragment.prototype.setHashToAnnotation = function(_annotation) {
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    87
    this.setHash( 'id', _annotation.id, 't', _annotation.begin / 1000.0 );
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    88
};
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    89
957
4da0a5740b6c Starting 'players-as-widgets' branch
veltr
parents: 916
diff changeset
    90
IriSP.Widgets.Mediafragment.prototype.setHashToTime = function() {
4da0a5740b6c Starting 'players-as-widgets' branch
veltr
parents: 916
diff changeset
    91
    this.setHash( 't', this.media.getCurrentTime().getSeconds() );
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
    92
};
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
    93
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    94
IriSP.Widgets.Mediafragment.prototype.setHash = function(_key, _value, _key2, _value2) {
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    95
    if (!this.blocked && (this.last_hash_key !== _key || this.last_hash_value !== _value)) {
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    96
        this.last_hash_key = _key;
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
    97
        this.last_hash_value = _value;
1068
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    98
        this.last_extra_key = _key2;
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
    99
        this.last_extra_value = _value2;
7623f9af9272 merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents: 1013
diff changeset
   100
905
029a4efe9e24 Mediafragment bugfix for Polemictweet.com
veltr
parents: 883
diff changeset
   101
        var _hash = this.getLastHash();
910
b9f1bd52df9a Simplified Metadataplayer instantiation
veltr
parents: 906
diff changeset
   102
        this.setWindowHash(_hash);
882
61c384dda19e Big refactoring
veltr
parents: 881
diff changeset
   103
        if (window.parent !== window) {
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
   104
            window.parent.postMessage(_hash,"*");
882
61c384dda19e Big refactoring
veltr
parents: 881
diff changeset
   105
        }
881
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   106
        this.block();
880
4c7b33bf2795 Started work on CreateAnnotation and Mediafragment
veltr
parents:
diff changeset
   107
    }
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
   108
};
881
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   109
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   110
IriSP.Widgets.Mediafragment.prototype.unblock = function() {
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   111
    if (typeof this.blockTimeout !== "undefined") {
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   112
        window.clearTimeout(this.blockTimeout);
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   113
    }
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   114
    this.blockTimeout = undefined;
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   115
    this.blocked = false;
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
   116
};
881
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   117
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   118
IriSP.Widgets.Mediafragment.prototype.block = function() {
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   119
    if (typeof this.blockTimeout !== "undefined") {
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   120
        window.clearTimeout(this.blockTimeout);
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   121
    }
f11b234497f7 Finished Mediafragment
veltr
parents: 880
diff changeset
   122
    this.blocked = true;
957
4da0a5740b6c Starting 'players-as-widgets' branch
veltr
parents: 916
diff changeset
   123
    this.blockTimeout = window.setTimeout(this.functionWrapper("unblock"), 1500);
1013
392ddcd212d7 Throwed in a bunch of semicolons
veltr
parents: 987
diff changeset
   124
};