|
|
@ -23,15 +23,24 @@ _
|
|
|
|
"use strict";
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
var Player = Backbone.View.extend({
|
|
|
|
var Player = Backbone.View.extend({
|
|
|
|
el: $("body > div.ui-layout-north")
|
|
|
|
elViewport: null
|
|
|
|
, elViewport: null
|
|
|
|
, $elViewport: null
|
|
|
|
, $elViewport: null
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, playIndex: []
|
|
|
|
, playIndex: []
|
|
|
|
|
|
|
|
|
|
|
|
, webAudio: null
|
|
|
|
, webAudio: null
|
|
|
|
|
|
|
|
|
|
|
|
, initialize: function (options) {
|
|
|
|
, _stateRandom: null
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _stateRepeat: null
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _stateMute: null
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _stateVolume: null
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _stateAudio: null
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, initialize: function (options) {
|
|
|
|
var that = this
|
|
|
|
var that = this
|
|
|
|
;
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
@ -49,55 +58,115 @@ _
|
|
|
|
return that;
|
|
|
|
return that;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, setPlayIndex: function (index) {
|
|
|
|
, setPlayIndex: function (index) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, setRandomState: function (random) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, setRepeatState: function (random) {
|
|
|
|
var that = this
|
|
|
|
var that = this
|
|
|
|
;
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, __buttonPlayPause: function (event) {
|
|
|
|
, __buttonPlayPause: function (event) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, __buttonNext: function (event) {
|
|
|
|
, __buttonNext: function (event) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, __buttonPrevious: function (event) {
|
|
|
|
, __buttonPrevious: function (event) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, __buttonVolumeUp: function (event) {
|
|
|
|
, __buttonVolumeUp: function (event) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, __buttonVolumeDown: function (event) {
|
|
|
|
, __buttonVolumeDown: function (event) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, __buttonVolumeClick: function (event) {
|
|
|
|
, __buttonVolumeClick: function (event) {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, _createWebAudio: function () {
|
|
|
|
, _createWebAudio: function () {
|
|
|
|
var that = this
|
|
|
|
var that = this
|
|
|
|
;
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, __waStateChanged: function () {
|
|
|
|
, __waStateChanged: function () {
|
|
|
|
var that = this
|
|
|
|
var that = this
|
|
|
|
;
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, _playerEnded: function () {
|
|
|
|
, _playerEnded: function () {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _playerLoading: function () {
|
|
|
|
|
|
|
|
var that = this
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _playNext: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _playPrevious: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _playerPause: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _playerStop: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _playerStart: function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _setVolume: function (volume) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, _setViewport: function (item) {
|
|
|
|
var that = this
|
|
|
|
var that = this
|
|
|
|
;
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
, _playerLoading: function () {
|
|
|
|
, _updateViewportProgress: function (progress, time) {
|
|
|
|
var that = this
|
|
|
|
var that = this
|
|
|
|
;
|
|
|
|
;
|
|
|
|
|
|
|
|
|
|
|
|