src/widgets/PopcornPlayer.js
author veltr
Tue, 02 Oct 2012 12:05:15 +0200
changeset 967 b4c6e64acb2d
parent 959 ee11ed1b739e
child 970 b1c3bf6eca78
permissions -rw-r--r--
Added a dual mode HTML/Flash player
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 = {
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    10
    aspect_ratio: 14/9
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    11
}
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    12
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    13
IriSP.Widgets.PopcornPlayer.prototype.draw = function() {
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    14
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    15
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    16
    if (typeof this.video === "undefined") {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    17
        this.video = this.media.video;
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    18
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    19
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    20
    if (this.url_transform) {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    21
        this.video = this.url_transform(this.video);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    22
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    23
    
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    24
    if (!this.height) {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    25
        this.height = Math.floor(this.width/this.aspect_ratio);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    26
        this.$.css({
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    27
                height: this.height
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    28
            });
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    29
    }
959
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
    if (/^(https?:\/\/)?(www\.)?vimeo\.com/.test(this.video)) {
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
        /* VIMEO */
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    34
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    35
        var _popcorn = Popcorn.vimeo(this.container, this.video);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    36
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    37
    } else if (/^(https?:\/\/)?(www\.)?youtube\.com/.test(this.video)) {
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
        /* YOUTUBE */
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    40
       
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    41
        var _urlparts = this.video.split(/[?&]/),
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    42
            _params = {};
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    43
        for (var i = 1; i < _urlparts.length; i++) {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    44
            var _ppart = _urlparts[i].split('=');
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    45
            _params[_ppart[0]] = decodeURIComponent(_ppart[1]);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    46
        }
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    47
        _params.controls = 0;
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    48
        _params.modestbranding = 1;
967
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    49
        if (this.autostart || this.autoplay) {
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    50
            _params.autoplay = 1;
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    51
        }
959
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    52
        _url = _urlparts[0] + '?' + IriSP.jQuery.param(_params);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    53
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    54
        var _popcorn = Popcorn.youtube(this.container, _url);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    55
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    56
    } else {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    57
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    58
        /* DEFAULT HTML5 */
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    59
        
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    60
        var _tmpId = IriSP._.uniqueId("popcorn"),
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    61
            _videoEl = IriSP.jQuery('<video>');
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    62
        _videoEl.attr({
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    63
            id : _tmpId,
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    64
            width : this.width,
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    65
            height : this.height
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    66
        });
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    67
        if(typeof this.video === "string"){
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    68
            _videoEl.attr("src",this.video);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    69
        } else {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    70
            for (var i = 0; i < this.video.length; i++) {
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    71
                var _srcNode = IriSP.jQuery('<source>');
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    72
                _srcNode.attr({
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    73
                    src: this.video[i].src,
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    74
                    type: this.video[i].type
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    75
                });
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    76
                _videoEl.append(_srcNode);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    77
            }
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    78
        }
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    79
        this.$.html(_videoEl);
ee11ed1b739e Mashup Player and Dailymotion are now widgets
veltr
parents: 958
diff changeset
    80
        var _popcorn = Popcorn("#" + _tmpId);
967
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    81
        if (this.autostart || this.autoplay) {
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    82
            _popcorn.autoplay(true);
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    83
        }
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    84
    }
967
b4c6e64acb2d Added a dual mode HTML/Flash player
veltr
parents: 959
diff changeset
    85
    
958
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    86
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    87
    // Binding functions to Popcorn
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    88
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    89
    this.media.getCurrentTime = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    90
        return new IriSP.Model.Time(1000*_popcorn.currentTime());
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    91
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    92
    this.media.getVolume = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    93
        return _popcorn.volume();
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    94
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    95
    this.media.getPaused = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    96
        return _popcorn.media.paused;
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    97
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    98
    this.media.getMuted = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
    99
        return _popcorn.muted();
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   100
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   101
    this.media.setCurrentTime = function(_milliseconds) {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   102
        return _popcorn.currentTime(_milliseconds / 1000);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   103
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   104
    this.media.setVolume = function(_vol) {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   105
        return _popcorn.volume(_vol);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   106
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   107
    this.media.mute = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   108
        return _popcorn.muted(true);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   109
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   110
    this.media.unmute = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   111
        return _popcorn.muted(false);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   112
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   113
    this.media.play = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   114
        return _popcorn.play();
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   115
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   116
    this.media.pause = function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   117
        return _popcorn.pause();
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   118
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   119
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   120
    // Binding Popcorn events to media
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   121
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   122
    var _media = this.media;
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   123
    _popcorn.on("timeupdate", function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   124
        _media.trigger("timeupdate", _media.getCurrentTime());
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   125
    });
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   126
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   127
    function simpleEventBind(_eventname) {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   128
        _popcorn.on(_eventname, function() {
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   129
            _media.trigger(_eventname);
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   130
        });
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   131
    }
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   132
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   133
    simpleEventBind("play");
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   134
    simpleEventBind("pause");
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   135
    simpleEventBind("seeked");
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   136
    simpleEventBind("loadedmetadata");
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   137
    simpleEventBind("volumechange");
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   138
    
2aa7fdb0762a Commit before branch switch (for tests)
veltr
parents:
diff changeset
   139
}