src/widgets/PopcornPlayer.js
author veltr
Tue, 23 Jul 2013 17:06:33 +0200
changeset 1007 639129cf95bc
parent 987 7b65bf78873a
child 1013 392ddcd212d7
permissions -rw-r--r--
Corrections on Jwplayer
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
     1
IriSP.Widgets.PopcornPlayer = function(player, config) {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
     2
    IriSP.Widgets.Widget.call(this, player, config);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
     3
};
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
     4
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
     5
IriSP.Widgets.PopcornPlayer.prototype = new IriSP.Widgets.Widget();
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
     6
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
     7
/* A Popcorn-based player for HTML5 Video, Youtube and Vimeo */
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
     8
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
     9
IriSP.Widgets.PopcornPlayer.prototype.defaults = {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    10
}
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    11
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    12
IriSP.Widgets.PopcornPlayer.prototype.draw = function() {
979
ff62016e051d Adapted to REST API Changes
veltr
parents: 976
diff changeset
    13
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    14
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    15
    if (typeof this.video === "undefined") {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    16
        this.video = this.media.video;
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    17
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    18
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    19
    if (this.url_transform) {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    20
        this.video = this.url_transform(this.video);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    21
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    22
    
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    23
    if (/^(https?:\/\/)?(www\.)?vimeo\.com/.test(this.video)) {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    24
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    25
        /* VIMEO */
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    26
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    27
        var _popcorn = Popcorn.vimeo(this.container, this.video);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    28
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    29
    } else if (/^(https?:\/\/)?(www\.)?youtube\.com/.test(this.video)) {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    30
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    31
        /* YOUTUBE */
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    32
       
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    33
        var _urlparts = this.video.split(/[?&]/),
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    34
            _params = {};
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    35
        for (var i = 1; i < _urlparts.length; i++) {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    36
            var _ppart = _urlparts[i].split('=');
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    37
            _params[_ppart[0]] = decodeURIComponent(_ppart[1]);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    38
        }
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    39
        _params.controls = 0;
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    40
        _params.modestbranding = 1;
967
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    41
        if (this.autostart || this.autoplay) {
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    42
            _params.autoplay = 1;
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    43
        }
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    44
        _url = _urlparts[0] + '?' + IriSP.jQuery.param(_params);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    45
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    46
        var _popcorn = Popcorn.youtube(this.container, _url);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    47
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    48
    } else {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    49
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    50
        /* DEFAULT HTML5 */
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    51
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    52
        var _tmpId = IriSP._.uniqueId("popcorn"),
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    53
            _videoEl = IriSP.jQuery('<video>');
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    54
        _videoEl.attr({
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    55
            id : _tmpId,
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    56
            width : this.width,
987
7b65bf78873a Bugfixes
veltr
parents: 979
diff changeset
    57
            height : this.height || undefined
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    58
        });
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    59
        if(typeof this.video === "string"){
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    60
            _videoEl.attr("src",this.video);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    61
        } else {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    62
            for (var i = 0; i < this.video.length; i++) {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    63
                var _srcNode = IriSP.jQuery('<source>');
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    64
                _srcNode.attr({
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    65
                    src: this.video[i].src,
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    66
                    type: this.video[i].type
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    67
                });
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    68
                _videoEl.append(_srcNode);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    69
            }
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    70
        }
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    71
        this.$.html(_videoEl);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    72
        var _popcorn = Popcorn("#" + _tmpId);
967
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    73
        if (this.autostart || this.autoplay) {
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    74
            _popcorn.autoplay(true);
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    75
        }
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    76
    }
967
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    77
    
970
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    78
    var _media = this.media;
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    79
    
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    80
    // Binding functions to Popcorn
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    81
    
970
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    82
    _media.on("setcurrenttime", function(_milliseconds) {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    83
        _popcorn.currentTime(_milliseconds / 1000);
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    84
    });
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    85
    
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    86
    _media.on("setvolume", function(_vol) {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    87
        _popcorn.volume(_vol);
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    88
        _media.volume = _vol;
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    89
    });
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    90
    
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    91
    _media.on("setmuted", function(_muted) {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    92
        _popcorn.muted(_muted);
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    93
        _media.muted = _muted;
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    94
    });
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    95
    
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    96
    _media.on("setplay", function() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    97
        _popcorn.play();
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    98
    });
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
    99
    
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   100
    _media.on("setpause", function() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   101
        _popcorn.pause();
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   102
    });
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   103
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   104
    // Binding Popcorn events to media
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   105
    
970
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   106
    function getVolume() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   107
        _media.muted = _popcorn.muted();
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   108
        _media.volume = _popcorn.volume();
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   109
    }
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   110
    
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   111
    _popcorn.on("loadedmetadata", function() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   112
        getVolume();
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   113
        _media.trigger("loadedmetadata");
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   114
        _media.trigger("volumechange");
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   115
    })
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   116
    
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   117
    _popcorn.on("timeupdate", function() {
970
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   118
        _media.trigger("timeupdate", new IriSP.Model.Time(1000*_popcorn.currentTime()));
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   119
    });
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   120
    
970
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   121
    _popcorn.on("volumechange", function() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   122
        getVolume();
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   123
        _media.trigger("volumechange");
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   124
    })
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   125
    
970
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   126
    _popcorn.on("play", function() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   127
        _media.trigger("play");
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   128
    });
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   129
    
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   130
    _popcorn.on("pause", function() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   131
        _media.trigger("pause");
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   132
    });
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   133
    
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   134
    _popcorn.on("seeked", function() {
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   135
        _media.trigger("seeked");
b1c3bf6eca78 Cleaning and refactoring
veltr
parents: 967
diff changeset
   136
    });
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   137
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   138
}