Code: Select all

"use strict";

/**
@module UI
*/

// inside a try-catch block just in case
try {
	
	var defaultStepSize = 5;
	var fineStepSize = 1;
	var fineControlKey = 16; // Key code for shift
	var showToastMessage = false;
	var volCtrl;
	
	// Have to override Player.prototype in order to get access to the volume slider controlClass
	Player.prototype.override({
		initialize: function ($super, elem, params) {
			$super(elem, params);
			var volCtrlElem = this.ctrl['volume'];
			volCtrl = volCtrlElem.controlClass;
		},
	});
	
	app.listen(window, 'keydown', function(e) {
		// only enable fine control when it matches the right key code
		if (e.keyCode == fineControlKey) {
			enableFineControl(e);
		}
	})
	app.listen(window, 'keyup', function(e) {
		// only disable fine control when it matches the right key code
		if (e.keyCode == fineControlKey) {
			disableFineControl(e);
		}
	});
	// When window loses focus, we have to disable fine control just in case they let go of shift outside of the MM5 window
	app.listen(window, 'blur', disableFineControl)
	
	function enableFineControl() {
		if (showToastMessage) {
			uitools.toastMessage.show(' ' + _('Fine control: Enabled') + ' ', {
				disableUndo: true,
				disableClose: true,
				delay: 3000
			});
		}
		if (volCtrl && volCtrl.wheelStep) {
			// Change the control step size to the fine size
			volCtrl.wheelStep = fineStepSize;
		}
	}
	
	function disableFineControl() {
		if (showToastMessage) {
			uitools.toastMessage.show(' ' + _('Fine control: Disabled') + ' ', {
				disableUndo: true,
				disableClose: true,
				delay: 3000
			});
		}
		if (volCtrl && volCtrl.wheelStep) {
			//Change the control step size to the default
			volCtrl.wheelStep = defaultStepSize;
		}
	}
}
catch (err) {
	console.error(err);
}

Code: Select all

{
  "container": {
    "initInProgress": true,
    "ListenObjectID": 1795
  },
  "disabledCounter": 0,
  "_disabled": false,
  "_tabIndex": -1,
  "_hasSplitters": false,
  "_dockable": false,
  "_isDock": false,
  "_controlTitle": "player",
  "_localPromises": [],
  "_dataSourceListenFuncts": [],
  "disableStateStoring": false,
  "_statusParams": {},
  "uniqueID": "uniqueID_38",
  "canBeUsedAsSource": true,
  "_cleanFuncs": [
    null
  ],
  "dragging": false,
  "dndEventsRegistered": true,
  "currTime": 0,
  "currState": "stop",
  "songLength": 0,
  "timeStep": 250,
  "ctrl": {},
  "ctrlsForTimeUpdate": [],
  "ctrlsForValueUpdate": [],
  "isSeeking": false,
  "isVolumeChanging": false
}

Code: Select all

try {
	console.log(this);
	var volumeDiv = window.q('div[data-id=player-volumebar]');
	var slider = volumeDiv.controlClass;
	
	//HTML element as expected
	console.log(volumeDiv);
	//undefined
	console.log(slider);
}
catch (err) {
	console.error(err);
}