apm-react-audio-player 1.0.21 → 1.0.23

package/README.md

@@ -76,7 +76,7 @@ Prop | Type | Default | Notes
 `isPlaying` | Boolean | false | Whether the audio is currently playing
 `isMuted` | Boolean | false | Whether the audio is currently muted
 `toggleMute` | Function | --- | A function to toggle the mute state
-`volumeControl` | Function | --- | A function to control the volume
+`volumeCtrl` | Function | --- | A function to control the volume
 `currentTime` | Number | null | The current time of the audio track
 `duration` | Number | null | The duration of the audio track
 `rewindControl` | Function | --- | A function to rewind the audio track

package/dist/index.js

@@ -294,7 +294,9 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
     isMuted = props.isMuted,
     formatCalculateTime = props.formatCalculateTime,
     rewindControl = props.rewindControl,
-    forwardControl = props.forwardControl;
+    forwardControl = props.forwardControl,
+    subtitle = props.subtitle,
+    prefix = props.prefix;
   var audioDuration = duration && !isNaN(duration) && calculateTime(duration);
   var formatDuration = duration && !isNaN(duration) && audioDuration && formatCalculateTime(audioDuration);
   return audioSrc && /*#__PURE__*/React__default.createElement("div", {
@@ -303,7 +305,7 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
   }, /*#__PURE__*/React__default.createElement("audio", {
     ref: audioPlayerRef,
     src: audioSrc,
-    preload: "metadata",
+    preload: "none",
     onLoadedMetadata: onLoadedMetadata,
     muted: isMuted
   }), /*#__PURE__*/React__default.createElement("div", {
@@ -356,7 +358,8 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
   }, /*#__PURE__*/React__default.createElement("button", {
     onClick: togglePlaying,
     className: playBtnClass,
-    style: customStyles && customStyles.playPause
+    style: customStyles && customStyles.playPause,
+    id: "playbutton"
   }, isPlaying ? /*#__PURE__*/React__default.createElement(Pause, null) : /*#__PURE__*/React__default.createElement(Play, null))), !isLive && /*#__PURE__*/React__default.createElement("div", {
     className: "player-backward-forward-controls"
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -385,17 +388,17 @@ var ReactAudioPlayerInner = function ReactAudioPlayerInner(props) {
     style: customStyles && customStyles.duration
   }, duration && !isNaN(duration) && calculateTime(duration))))), /*#__PURE__*/React__default.createElement("div", {
     className: "player-content"
-  }, customHtml && customHtml, /*#__PURE__*/React__default.createElement("div", {
+  }, customHtml && customHtml, console.log('🟢: REACT-AUDIO-PLAYER'), console.log('prefix', prefix), /*#__PURE__*/React__default.createElement("div", {
     className: "player-audio-type type-sm"
   }, isLive ? /*#__PURE__*/React__default.createElement("div", {
     className: "player-live-label"
-  }, "On Air") : /*#__PURE__*/React__default.createElement("div", {
+  }, prefix ? prefix : 'On Air') : /*#__PURE__*/React__default.createElement("div", {
     className: "player-label"
   }, "listen", /*#__PURE__*/React__default.createElement("div", {
     className: "player-label-duration"
   }, "[".concat(formatDuration, "]"))), /*#__PURE__*/React__default.createElement("div", {
     className: "player-title"
-  }, title || '', " ")))));
+  }, title || '', " ", subtitle && "by ".concat(subtitle), ' ')))));
 };
 
 var ReactAudioPlayer = function ReactAudioPlayer(props) {
@@ -408,16 +411,16 @@ var ReactAudioPlayer = function ReactAudioPlayer(props) {
 
   // hooks
   var _useAudioPlayer = useAudioPlayer(audioPlayerRef, progressBarRef),
+    isPlaying = _useAudioPlayer.isPlaying,
+    currentTime = _useAudioPlayer.currentTime,
+    duration = _useAudioPlayer.duration,
+    isMuted = _useAudioPlayer.isMuted,
     onLoadedMetadata = _useAudioPlayer.onLoadedMetadata,
     calculateTime = _useAudioPlayer.calculateTime,
     togglePlaying = _useAudioPlayer.togglePlaying,
     changePlayerCurrentTime = _useAudioPlayer.changePlayerCurrentTime,
-    isPlaying = _useAudioPlayer.isPlaying,
-    currentTime = _useAudioPlayer.currentTime,
-    duration = _useAudioPlayer.duration,
     volumeControl = _useAudioPlayer.volumeControl,
     toggleMute = _useAudioPlayer.toggleMute,
-    isMuted = _useAudioPlayer.isMuted,
     formatCalculateTime = _useAudioPlayer.formatCalculateTime,
     rewindControl = _useAudioPlayer.rewindControl,
     forwardControl = _useAudioPlayer.forwardControl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apm-react-audio-player",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "author": "Jason Phan <jphan@mpr.org>",
   "license": "MIT",
   "private": false,