import Ember from 'ember';

export default Ember.Component.extend({
    classNames: ['player-component'],

    player: Ember.inject.service(),

    currentTime: "00:00",
    duration: "00:00",

    item: Ember.computed('player.item', function() {
        return this.get('player').get('item');
    }),

    documentLoaded: Ember.observer('player.item', function() {
        var mediaList = this.get('player').get('item').get('mediaList');
        if ((typeof(mediaList) !== 'undefined') && (mediaList.length > 0)) {
            if (this.audio.src){
                this.pause();
                this.updateProgress(0);
            }
            var mp3 = mediaList.findBy('format', 'audio/mpeg');
            this.audio.src = mp3.url;
            this.audio.load();
            this.set("currentTime", "00:00");
            //console.log(mp3.url);
        }
    }),

    init: function() {
        this._super(...arguments);
        this.get('player');
    },

    didInsertElement: function() {
    },

    actions: {

        play: function() {

        }

    }
});