src/widgets/JwpPlayer.js
author veltr
Thu, 16 May 2013 13:34:02 +0200
changeset 1001 3210bf928a11
parent 987 7b65bf78873a
child 1005 768bd0691ed1
permissions -rw-r--r--
Enabled loading widgets without the widgeting framework

IriSP.Widgets.JwpPlayer = function(player, config) {
    IriSP.Widgets.Widget.call(this, player, config);
};

IriSP.Widgets.JwpPlayer.prototype = new IriSP.Widgets.Widget();

IriSP.Widgets.JwpPlayer.prototype.defaults = {
}

IriSP.Widgets.JwpPlayer.prototype.draw = function() {
    
    var _opts = {},
        _player = jwplayer(this.$[0]),
        _seekPause = false,
        _pauseState = true,
        _props = [ "live", "provider", "autostart" ];
    
    if (typeof this.video === "undefined") {
        this.video = this.media.video;
    }
    
    if (typeof this.streamer === "undefined") {
        this.streamer = this.media.streamer;
    }
    
    if (typeof this.streamer === "function") {
        this.streamer = this.streamer(this.video);
    }

    if (typeof this.streamer === "string" && (this.provider === "http" || this.provider === "rtmp")) {
        this.video = this.video.replace(this.streamer,"");
        _opts.streamer = this.streamer;
    }
        
    _opts.file = this.video;
    _opts.flashplayer = IriSP.getLib("jwPlayerSWF");
    _opts["controlbar.position"] = "none";
    _opts.width = this.width;
    if (this.height) {
        _opts.height = this.height;
    }
    
    for (var i = 0; i < _props.length; i++) {
        if (typeof this[_props[i]] !== "undefined") {
            _opts[_props[i]] = this[_props[i]];
        }
    }
    
    if (this.autostart) {
        _pauseState = false;
        this.media.trigger("play");
    }

    // Binding functions to jwplayer

    var _media = this.media;
    
    _media.on("setcurrenttime", function(_milliseconds) {
        _seekPause = _pauseState;
        _player.seek(_milliseconds / 1000);
    });
    
    _media.on("setvolume", function(_vol) {
        _player.setVolume(Math.floor(_vol*100));
        _media.volume = _vol;
    });
    
    _media.on("setmuted", function(_muted) {
        _player.setMute(_muted);
        _media.muted = _muted;
    });
    
    _media.on("setplay", function() {
        _player.play(true);
        _media.paused = false;
    });
    
    _media.on("setpause", function() {
        _player.pause(true);
        _media.paused = true;
    });
    
    // Binding jwplater events to media
    
    function getVolume() {
        _media.muted = _player.getMute();
        _media.volume = _player.getVolume() / 100;
    }
    
    _opts.events = {
        onReady: function() {
            getVolume();
            _media.currentTime = new IriSP.Model.Time(1000*_player.getPosition() || 0);
            _media.trigger("loadedmetadata");
        },
        onTime: function(_progress) {
            if (_seekPause) {
                _player.pause(true);
                _seekPause = false;
            } else {
                if (_pauseState && _player.getState() === "PLAYING") {
                    _pauseState = false;
                    _media.trigger("play");
                }
            }
            _media.trigger("timeupdate", new IriSP.Model.Time(_progress.position * 1000));
        },
        onPlay: function() {
            if (!_seekPause) {
                _pauseState = false;
                _media.trigger("play");
            }
        },
        onPause: function() {
            _pauseState = true;
            _media.trigger("pause");
        },
        onSeek: function() {
            _media.trigger("seeked");
        },
        onMute: function(_event) {
            _media.muted = _event.mute;
            _media.trigger("volumechange");
        },
        onVolume: function(_event) {
            _media.volume = _event.volume / 100;
            _media.trigger("volumechange");
        }
    }
    _player.setup(_opts);
    
    this.jwplayer = _player;
    
}