@lls/lls-audio 0.0.6 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/player/CustomWave.js +4 -4
- package/player/index.js +0 -4
- package/stories/index.js +2 -11
- package/stories/player.js +1 -1
package/package.json
CHANGED
package/player/CustomWave.js
CHANGED
|
@@ -16,7 +16,7 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
|
|
|
16
16
|
|
|
17
17
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
18
18
|
|
|
19
|
-
var RESOLUTION =
|
|
19
|
+
var RESOLUTION = 2;
|
|
20
20
|
var colorScheme = ['#888', '#e51400'];
|
|
21
21
|
|
|
22
22
|
var chunks = function chunks(arr, chunkSize) {
|
|
@@ -97,7 +97,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
97
97
|
|
|
98
98
|
// Duration and step calculation
|
|
99
99
|
var maxDuration = totalTime || waveform.duration;
|
|
100
|
-
var levelStep =
|
|
100
|
+
var levelStep = Math.ceil(waveform.max.length / maxWidth) * RESOLUTION;
|
|
101
101
|
|
|
102
102
|
// Range positions
|
|
103
103
|
//@todo: this range stuff should not be here. Waveform should just be passed an array of colors and ranges
|
|
@@ -105,7 +105,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
105
105
|
var endX = range ? range.endTime / maxDuration * maxWidth : maxDuration;
|
|
106
106
|
|
|
107
107
|
// Split data into chunks per level
|
|
108
|
-
var maxLevelChunks = chunks(waveform.max,
|
|
108
|
+
var maxLevelChunks = chunks(waveform.max, levelStep);
|
|
109
109
|
|
|
110
110
|
// Calculate average for each level + highest average
|
|
111
111
|
|
|
@@ -127,7 +127,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
127
127
|
|
|
128
128
|
_this2.ctx.clearRect(0, 0, maxWidth, maxHeight);
|
|
129
129
|
averages.forEach(function (average, i) {
|
|
130
|
-
var x = i *
|
|
130
|
+
var x = i * RESOLUTION;
|
|
131
131
|
var h = average * (maxHeight / highestAverage);
|
|
132
132
|
|
|
133
133
|
var color = x >= startX && x <= endX ? colorScheme[1] : colorScheme[0];
|
package/player/index.js
CHANGED
|
@@ -18,10 +18,6 @@ var _CustomWave2 = _interopRequireDefault(_CustomWave);
|
|
|
18
18
|
|
|
19
19
|
var _audio = require('../utils/audio');
|
|
20
20
|
|
|
21
|
-
var _FontIcon = require('material-ui/FontIcon');
|
|
22
|
-
|
|
23
|
-
var _FontIcon2 = _interopRequireDefault(_FontIcon);
|
|
24
|
-
|
|
25
21
|
var _noImportant = require('aphrodite/no-important');
|
|
26
22
|
|
|
27
23
|
var _reactInputRange = require('react-input-range');
|
package/stories/index.js
CHANGED
|
@@ -6,14 +6,6 @@ var _react2 = _interopRequireDefault(_react);
|
|
|
6
6
|
|
|
7
7
|
var _storybook = require('@kadira/storybook');
|
|
8
8
|
|
|
9
|
-
var _getMuiTheme = require('material-ui/styles/getMuiTheme');
|
|
10
|
-
|
|
11
|
-
var _getMuiTheme2 = _interopRequireDefault(_getMuiTheme);
|
|
12
|
-
|
|
13
|
-
var _MuiThemeProvider = require('material-ui/styles/MuiThemeProvider');
|
|
14
|
-
|
|
15
|
-
var _MuiThemeProvider2 = _interopRequireDefault(_MuiThemeProvider);
|
|
16
|
-
|
|
17
9
|
var _player = require('./player');
|
|
18
10
|
|
|
19
11
|
var _player2 = _interopRequireDefault(_player);
|
|
@@ -22,14 +14,13 @@ var _recorder = require('./recorder');
|
|
|
22
14
|
|
|
23
15
|
var _recorder2 = _interopRequireDefault(_recorder);
|
|
24
16
|
|
|
25
|
-
require('../common/material-ui.css');
|
|
26
|
-
|
|
27
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
18
|
|
|
29
|
-
//import PlayerCustom from './playerCustom'
|
|
30
19
|
(0, _storybook.storiesOf)('Player', module).add('Custom waveform', function () {
|
|
31
20
|
return _react2.default.createElement(_player2.default, null);
|
|
32
21
|
});
|
|
22
|
+
//import PlayerCustom from './playerCustom'
|
|
23
|
+
|
|
33
24
|
(0, _storybook.storiesOf)('Recorder', module).add('Normal', function () {
|
|
34
25
|
return _react2.default.createElement(_recorder2.default, null);
|
|
35
26
|
});
|
package/stories/player.js
CHANGED
|
@@ -15,7 +15,7 @@ var _player2 = _interopRequireDefault(_player);
|
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
|
|
17
17
|
var PlayerExample = function PlayerExample() {
|
|
18
|
-
return _react2.default.createElement(_player2.default, { url: '
|
|
18
|
+
return _react2.default.createElement(_player2.default, { url: 'http://lls-media-public.s3.amazonaws.com/upload/LeLivreScolaire/p15vcjbl4lvpl9l7g8ov8ammh1.mp3' });
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
exports.default = PlayerExample;
|