apm-react-audio-player 1.0.1 → 1.0.2
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/dist/index.js +4 -31
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6,8 +6,6 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
6
6
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
|
-
var bs = require('react-icons/bs');
|
|
10
|
-
var fa = require('react-icons/fa');
|
|
11
9
|
|
|
12
10
|
function _iterableToArrayLimit(arr, i) {
|
|
13
11
|
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
@@ -160,43 +158,18 @@ var ReactAudioPlayer = function ReactAudioPlayer(props) {
|
|
|
160
158
|
var customStyles = props ? props.style : '';
|
|
161
159
|
var title = props.title,
|
|
162
160
|
description = props.description,
|
|
163
|
-
audioSrc = props.audioSrc
|
|
164
|
-
forwardBackward = props.forwardBackward;
|
|
161
|
+
audioSrc = props.audioSrc;
|
|
165
162
|
|
|
166
163
|
// hooks
|
|
167
164
|
var _useAudioPlayer = useAudioPlayer(audioPlayer, progressBar),
|
|
168
|
-
onLoadedMetadata = _useAudioPlayer.onLoadedMetadata,
|
|
169
165
|
calculateTime = _useAudioPlayer.calculateTime,
|
|
170
|
-
togglePlaying = _useAudioPlayer.togglePlaying,
|
|
171
166
|
changePlayerCurrentTime = _useAudioPlayer.changePlayerCurrentTime,
|
|
172
|
-
backThirty = _useAudioPlayer.backThirty,
|
|
173
|
-
forwardThirty = _useAudioPlayer.forwardThirty,
|
|
174
|
-
isPlaying = _useAudioPlayer.isPlaying,
|
|
175
167
|
currentTime = _useAudioPlayer.currentTime,
|
|
176
168
|
duration = _useAudioPlayer.duration;
|
|
177
169
|
return audioSrc && /*#__PURE__*/React__default.createElement("div", {
|
|
178
170
|
className: "audioPlayer",
|
|
179
171
|
style: customStyles && customStyles.audioPlayer
|
|
180
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
181
|
-
ref: audioPlayer,
|
|
182
|
-
src: audioSrc,
|
|
183
|
-
preload: "metadata",
|
|
184
|
-
onLoadedMetadata: onLoadedMetadata
|
|
185
|
-
}), forwardBackward && /*#__PURE__*/React__default.createElement("button", {
|
|
186
|
-
className: "forwardBackward",
|
|
187
|
-
onClick: backThirty
|
|
188
|
-
}, "30", /*#__PURE__*/React__default.createElement(bs.BsArrowLeftShort, null)), /*#__PURE__*/React__default.createElement("div", {
|
|
189
|
-
className: "playPauseContainer"
|
|
190
|
-
}, /*#__PURE__*/React__default.createElement("button", {
|
|
191
|
-
onClick: togglePlaying,
|
|
192
|
-
className: "playPause",
|
|
193
|
-
style: customStyles && customStyles.playPause
|
|
194
|
-
}, isPlaying ? /*#__PURE__*/React__default.createElement(fa.FaPause, null) : /*#__PURE__*/React__default.createElement(fa.FaPlay, {
|
|
195
|
-
className: "play"
|
|
196
|
-
}))), forwardBackward && /*#__PURE__*/React__default.createElement("button", {
|
|
197
|
-
className: "forwardBackward",
|
|
198
|
-
onClick: forwardThirty
|
|
199
|
-
}, /*#__PURE__*/React__default.createElement(bs.BsArrowRightShort, null), "30"), /*#__PURE__*/React__default.createElement("div", {
|
|
172
|
+
}, "hi", /*#__PURE__*/React__default.createElement("div", {
|
|
200
173
|
className: "currentTime"
|
|
201
174
|
}, calculateTime(currentTime)), /*#__PURE__*/React__default.createElement("div", {
|
|
202
175
|
className: "progressBarContainer"
|
|
@@ -213,9 +186,9 @@ var ReactAudioPlayer = function ReactAudioPlayer(props) {
|
|
|
213
186
|
className: "textBox"
|
|
214
187
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
215
188
|
className: "textBoxTitle"
|
|
216
|
-
}, title || '
|
|
189
|
+
}, " ", title || '', " "), /*#__PURE__*/React__default.createElement("div", {
|
|
217
190
|
className: "textBoxDescription"
|
|
218
|
-
}, description || '
|
|
191
|
+
}, " ", description || '', " ")), ' ', "*/}");
|
|
219
192
|
};
|
|
220
193
|
|
|
221
194
|
exports.ReactAudioPlayer = ReactAudioPlayer;
|