1 import Ember from 'ember'; |
1 import Ember from 'ember'; |
2 |
2 |
3 export default Ember.Component.extend({ |
3 export default Ember.Component.extend({ |
4 classNames: ['player-component'], |
4 classNames: ['player-component'], |
|
5 |
|
6 player: Ember.inject.service(), |
|
7 |
5 currentTime: "00:00", |
8 currentTime: "00:00", |
6 duration: "00:00", |
9 duration: "00:00", |
7 |
10 |
8 documentLoaded: Ember.observer('document.mediaArray', function() { |
11 documentLoaded: Ember.observer('player.item', function() { |
9 var mediaList = this.get('document').get("mediaList"); |
12 var mediaList = this.get('player').get('item').get('mediaList'); |
10 if ((typeof(mediaList) !== 'undefined') && (mediaList.length > 0)) { |
13 if ((typeof(mediaList) !== 'undefined') && (mediaList.length > 0)) { |
|
14 |
11 if (this.audio.src){ |
15 if (this.audio.src){ |
12 this.pause(); |
16 this.pause(); |
13 this.updateProgress(0); |
17 this.updateProgress(0); |
14 } |
18 } |
15 var mp3 = mediaList.findBy('format', 'audio/mpeg'); |
19 var mp3 = mediaList.findBy('format', 'audio/mpeg'); |
16 this.audio.src = mp3.url; |
20 this.audio.src = mp3.url; |
17 this.audio.load(); |
21 this.audio.load(); |
18 this.set("currentTime", "00:00"); |
22 this.set("currentTime", "00:00"); |
|
23 //console.log(mp3.url); |
19 } |
24 } |
20 }), |
25 }), |
|
26 |
|
27 init: function() { |
|
28 this._super(...arguments); |
|
29 this.get('player'); |
|
30 }, |
21 |
31 |
22 didInsertElement: function() { |
32 didInsertElement: function() { |
23 var _this = this; |
33 var _this = this; |
24 |
34 |
25 this.audio = new Audio(); |
35 this.audio = new Audio(); |