react-use-audio-player - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

dist/index.d.ts

@@ -1,40 +0,3 @@
-/// <reference types="howler" />
-import React from "react";
-declare const noop: () => void;
-interface AudioSrcProps {
-    src: string;
-    format?: string;
-    autoplay?: boolean;
-}
-interface AudioPlayer {
-    player: Howl | null;
-    load: (args: AudioSrcProps) => void;
-    error: Error | null;
-    loading: boolean;
-    playing: boolean;
-    stopped: boolean;
-    ready: boolean;
-}
-declare type UseAudioPlayer = Omit<AudioPlayer, "player"> & {
-    play: Howl["play"] | typeof noop;
-    pause: Howl["pause"] | typeof noop;
-    stop: Howl["stop"] | typeof noop;
-    mute: Howl["mute"] | typeof noop;
-    seek: Howl["seek"] | typeof noop;
-    togglePlayPause: () => void;
-};
-interface AudioPlayerProviderProps {
-    children: React.ReactNode;
-    value?: AudioPlayer;
-}
-interface AudioPosition {
-    position: number;
-    duration: number;
-}
-export declare function AudioPlayerProvider({ children, value }: AudioPlayerProviderProps): JSX.Element;
-export declare const useAudioPlayer: (props?: AudioSrcProps | undefined) => UseAudioPlayer;
-interface UseAudioPositionConfig {
-    highRefreshRate?: boolean;
-}
-export declare const useAudioPosition: (config?: UseAudioPositionConfig) => AudioPosition;
-export {};
+export * from "./AudioPlayerProvider";
+export * from "./useAudioPlayer";
+export * from "./useAudioPosition";

dist/react-use-audio-player.cjs.development.js

@@ -7,3 +7,2 @@ 'use strict';
 
-var tslib = require('tslib');
 var React = require('react');
@@ -13,2 +12,35 @@ var React__default = _interopDefault(React);
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 var Actions;
@@ -36,3 +68,3 @@
     case Actions.ON_LOAD:
-      return tslib.__assign(tslib.__assign({}, state), {
+      return _extends({}, state, {
         stopped: true,
@@ -43,3 +75,3 @@ loading: false
     case Actions.ON_PLAY:
-      return tslib.__assign(tslib.__assign({}, state), {
+      return _extends({}, state, {
         playing: true,
@@ -51,3 +83,3 @@ stopped: false
     case Actions.ON_END:
-      return tslib.__assign(tslib.__assign({}, state), {
+      return _extends({}, state, {
         stopped: true,
@@ -58,3 +90,3 @@ playing: false
     case Actions.ON_PAUSE:
-      return tslib.__assign(tslib.__assign({}, state), {
+      return _extends({}, state, {
         playing: false
@@ -64,3 +96,3 @@ });
     case Actions.ON_PLAY_ERROR:
-      return tslib.__assign(tslib.__assign({}, state), {
+      return _extends({}, state, {
         playing: false,
@@ -72,3 +104,3 @@ stopped: true,
     case Actions.ON_LOAD_ERROR:
-      return tslib.__assign(tslib.__assign({}, state), {
+      return _extends({}, state, {
         playing: false,
@@ -81,3 +113,3 @@ stopped: true,
     case Actions.RESET_ERRORS:
-      return tslib.__assign(tslib.__assign({}, state), {
+      return _extends({}, state, {
         error: null
@@ -91,28 +123,27 @@ });
 
-var noop = function noop() {};
-
 var AudioPlayerContext =
 /*#__PURE__*/
 React__default.createContext(null);
-function AudioPlayerProvider(_a) {
-  var children = _a.children,
-      value = _a.value;
 
-  var _b = React.useState(null),
-      player = _b[0],
-      setPlayer = _b[1];
+function AudioPlayerProvider(_ref) {
+  var children = _ref.children,
+      value = _ref.value;
 
-  var _c = React.useReducer(reducer, initialState),
-      _d = _c[0],
-      loading = _d.loading,
-      error = _d.error,
-      playing = _d.playing,
-      stopped = _d.stopped,
-      dispatch = _c[1];
+  var _useState = React.useState(null),
+      player = _useState[0],
+      setPlayer = _useState[1];
 
+  var _useReducer = React.useReducer(reducer, initialState),
+      _useReducer$ = _useReducer[0],
+      loading = _useReducer$.loading,
+      error = _useReducer$.error,
+      playing = _useReducer$.playing,
+      stopped = _useReducer$.stopped,
+      dispatch = _useReducer[1];
+
   var playerRef = React.useRef();
-  var constructHowl = React.useCallback(function (_a) {
-    var src = _a.src,
-        format = _a.format,
-        autoplay = _a.autoplay;
+  var constructHowl = React.useCallback(function (_ref2) {
+    var src = _ref2.src,
+        format = _ref2.format,
+        autoplay = _ref2.autoplay;
     return new howler.Howl({
@@ -124,7 +155,7 @@ src: src,
   }, []);
-  var load = React.useCallback(function (_a) {
-    var src = _a.src,
-        format = _a.format,
-        _b = _a.autoplay,
-        autoplay = _b === void 0 ? false : _b;
+  var load = React.useCallback(function (_ref3) {
+    var src = _ref3.src,
+        format = _ref3.format,
+        _ref3$autoplay = _ref3.autoplay,
+        autoplay = _ref3$autoplay === void 0 ? false : _ref3$autoplay;
     dispatch({
@@ -225,12 +256,15 @@ type: Actions.RESET_ERRORS
 }
+
+var noop = function noop() {};
+
 var useAudioPlayer = function useAudioPlayer(props) {
-  var _a = React.useContext(AudioPlayerContext),
-      player = _a.player,
-      load = _a.load,
-      context = tslib.__rest(_a, ["player", "load"]);
+  var _useContext = React.useContext(AudioPlayerContext),
+      player = _useContext.player,
+      load = _useContext.load,
+      context = _objectWithoutPropertiesLoose(_useContext, ["player", "load"]);
 
-  var _b = props || {},
-      src = _b.src,
-      format = _b.format,
-      autoplay = _b.autoplay;
+  var _ref = props || {},
+      src = _ref.src,
+      format = _ref.format,
+      autoplay = _ref.autoplay;
 
@@ -257,3 +291,3 @@ React.useEffect(function () {
   }, [player]);
-  return tslib.__assign(tslib.__assign({}, context), {
+  return _extends({}, context, {
     play: player ? player.play.bind(player) : noop,
@@ -267,3 +301,3 @@ pause: player ? player.pause.bind(player) : noop,
   });
-}; // gives current audio position state - updates in an animation frame loop for animating audio visualizations
+};
 
@@ -275,18 +309,22 @@ var useAudioPosition = function useAudioPosition(config) {
 
-  var _a = config.highRefreshRate,
-      highRefreshRate = _a === void 0 ? false : _a;
+  var _config = config,
+      _config$highRefreshRa = _config.highRefreshRate,
+      highRefreshRate = _config$highRefreshRa === void 0 ? false : _config$highRefreshRa;
 
-  var _b = React.useContext(AudioPlayerContext),
-      player = _b.player,
-      playing = _b.playing,
-      stopped = _b.stopped;
+  var _useContext = React.useContext(AudioPlayerContext),
+      player = _useContext.player,
+      playing = _useContext.playing,
+      stopped = _useContext.stopped;
 
-  var _c = React.useState(0),
-      position = _c[0],
-      setPosition = _c[1];
+  var _useAudioPlayer = useAudioPlayer(),
+      seek = _useAudioPlayer.seek;
 
-  var _d = React.useState(0),
-      duration = _d[0],
-      setDuration = _d[1];
+  var _useState = React.useState(0),
+      position = _useState[0],
+      setPosition = _useState[1];
 
+  var _useState2 = React.useState(0),
+      duration = _useState2[0],
+      setDuration = _useState2[1];
+
   var animationFrameRef = React.useRef(); // sets position and duration on player initialization and when the audio is stopped
@@ -313,5 +351,3 @@
     var animate = function animate() {
-      var _a;
-
-      setPosition((_a = player) === null || _a === void 0 ? void 0 : _a.seek());
+      setPosition(player === null || player === void 0 ? void 0 : player.seek());
       animationFrameRef.current = requestAnimationFrame(animate);
@@ -333,3 +369,4 @@ }; // kick off a new animation cycle when the player is defined and starts playing
     position: position,
-    duration: duration
+    duration: duration,
+    seek: seek
   };
@@ -336,0 +373,0 @@ };

dist/react-use-audio-player.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r,n=require("tslib"),t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,o=require("howler");!function(e){e[e.ON_LOAD=0]="ON_LOAD",e[e.ON_PLAY=1]="ON_PLAY",e[e.ON_END=2]="ON_END",e[e.ON_PAUSE=3]="ON_PAUSE",e[e.ON_STOP=4]="ON_STOP",e[e.ON_PLAY_ERROR=5]="ON_PLAY_ERROR",e[e.ON_LOAD_ERROR=6]="ON_LOAD_ERROR",e[e.RESET_ERRORS=7]="RESET_ERRORS"}(r||(r={}));var u={loading:!0,playing:!1,stopped:!0,error:null};function s(e,t){switch(t.type){case r.ON_LOAD:return n.__assign(n.__assign({},e),{stopped:!0,loading:!1});case r.ON_PLAY:return n.__assign(n.__assign({},e),{playing:!0,stopped:!1});case r.ON_STOP:case r.ON_END:return n.__assign(n.__assign({},e),{stopped:!0,playing:!1});case r.ON_PAUSE:return n.__assign(n.__assign({},e),{playing:!1});case r.ON_PLAY_ERROR:return n.__assign(n.__assign({},e),{playing:!1,stopped:!0,error:t.error});case r.ON_LOAD_ERROR:return n.__assign(n.__assign({},e),{playing:!1,stopped:!0,loading:!1,error:t.error});case r.RESET_ERRORS:return n.__assign(n.__assign({},e),{error:null});default:return e}}var i=function(){},_=a.createContext(null);exports.AudioPlayerProvider=function(e){var n=e.children,i=e.value,c=t.useState(null),l=c[0],p=c[1],f=t.useReducer(s,u),O=f[0],d=O.loading,R=O.error,y=O.playing,E=O.stopped,g=f[1],N=t.useRef(),A=t.useCallback((function(e){return new o.Howl({src:e.src,format:e.format,autoplay:e.autoplay})}),[]),v=t.useCallback((function(e){var n=e.src,t=e.format,a=e.autoplay,o=void 0!==a&&a;g({type:r.RESET_ERRORS});var u=!1;if(N.current){if(N.current._src===n)return;(u=N.current.playing())&&(N.current.stop(),N.current.off(),N.current=void 0)}var s=A({src:n,format:t,autoplay:u||o});"loaded"!==s._state&&g({type:r.ON_LOAD}),s.on("load",(function(){g({type:r.ON_LOAD})})),s.on("play",(function(){g({type:r.ON_PLAY})})),s.on("end",(function(){g({type:r.ON_END})})),s.on("pause",(function(){g({type:r.ON_PAUSE})})),s.on("stop",(function(){g({type:r.ON_STOP})})),s.on("playerror",(function(e,n){g({type:r.ON_PLAY_ERROR,error:new Error("[Play error] "+n)})})),s.on("loaderror",(function(e,n){g({type:r.ON_LOAD_ERROR,error:new Error("[Load error] "+n)})})),p(s),N.current=s}),[A]);t.useEffect((function(){return function(){N.current&&N.current.unload()}}),[]);var P=t.useMemo((function(){return i||{player:l,load:v,error:R,loading:d,playing:y,stopped:E,ready:!d&&!R}}),[d,R,y,E,v,i,l]);return a.createElement(_.Provider,{value:P},n)},exports.useAudioPlayer=function(e){var r=t.useContext(_),a=r.player,o=r.load,u=n.__rest(r,["player","load"]),s=e||{},c=s.src,l=s.format,p=s.autoplay;t.useEffect((function(){c&&o({src:c,format:l,autoplay:p})}),[c,l,p,o]);var f=t.useCallback((function(){a&&(a.playing()?a.pause():a.play())}),[a]);return n.__assign(n.__assign({},u),{play:a?a.play.bind(a):i,pause:a?a.pause.bind(a):i,stop:a?a.stop.bind(a):i,mute:a?a.mute.bind(a):i,seek:a?a.seek.bind(a):i,load:o,togglePlayPause:f})},exports.useAudioPosition=function(e){void 0===e&&(e={});var r=e.highRefreshRate,n=void 0!==r&&r,a=t.useContext(_),o=a.player,u=a.playing,s=a.stopped,i=t.useState(0),c=i[0],l=i[1],p=t.useState(0),f=p[0],O=p[1],d=t.useRef();return t.useEffect((function(){o&&(l(o.seek()),O(o.duration()))}),[o,s]),t.useEffect((function(){var e;return!n&&o&&u&&(e=window.setInterval((function(){return l(o.seek())}),1e3)),function(){return clearTimeout(e)}}),[n,o,u]),t.useLayoutEffect((function(){return n&&o&&u&&(d.current=requestAnimationFrame((function e(){var r;l(null===(r=o)||void 0===r?void 0:r.seek()),d.current=requestAnimationFrame(e)}))),function(){d.current&&cancelAnimationFrame(d.current)}}),[n,o,u]),{position:c,duration:f}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,o=require("howler");function u(){return(u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}!function(e){e[e.ON_LOAD=0]="ON_LOAD",e[e.ON_PLAY=1]="ON_PLAY",e[e.ON_END=2]="ON_END",e[e.ON_PAUSE=3]="ON_PAUSE",e[e.ON_STOP=4]="ON_STOP",e[e.ON_PLAY_ERROR=5]="ON_PLAY_ERROR",e[e.ON_LOAD_ERROR=6]="ON_LOAD_ERROR",e[e.RESET_ERRORS=7]="RESET_ERRORS"}(r||(r={}));var a={loading:!0,playing:!1,stopped:!0,error:null};function i(e,t){switch(t.type){case r.ON_LOAD:return u({},e,{stopped:!0,loading:!1});case r.ON_PLAY:return u({},e,{playing:!0,stopped:!1});case r.ON_STOP:case r.ON_END:return u({},e,{stopped:!0,playing:!1});case r.ON_PAUSE:return u({},e,{playing:!1});case r.ON_PLAY_ERROR:return u({},e,{playing:!1,stopped:!0,error:t.error});case r.ON_LOAD_ERROR:return u({},e,{playing:!1,stopped:!0,loading:!1,error:t.error});case r.RESET_ERRORS:return u({},e,{error:null});default:return e}}var c=n.createContext(null),l=function(){},s=function(e){var r=t.useContext(c),n=r.player,o=r.load,a=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r.indexOf(t=u[n])>=0||(o[t]=e[t]);return o}(r,["player","load"]),i=e||{},s=i.src,p=i.format,f=i.autoplay;t.useEffect((function(){s&&o({src:s,format:p,autoplay:f})}),[s,p,f,o]);var O=t.useCallback((function(){n&&(n.playing()?n.pause():n.play())}),[n]);return u({},a,{play:n?n.play.bind(n):l,pause:n?n.pause.bind(n):l,stop:n?n.stop.bind(n):l,mute:n?n.mute.bind(n):l,seek:n?n.seek.bind(n):l,load:o,togglePlayPause:O})};exports.AudioPlayerProvider=function(e){var u=e.children,l=e.value,s=t.useState(null),p=s[0],f=s[1],O=t.useReducer(i,a),d=O[0],y=d.loading,R=d.error,_=d.playing,E=d.stopped,N=O[1],v=t.useRef(),A=t.useCallback((function(e){return new o.Howl({src:e.src,format:e.format,autoplay:e.autoplay})}),[]),P=t.useCallback((function(e){var t=e.src,n=e.format,o=e.autoplay,u=void 0!==o&&o;N({type:r.RESET_ERRORS});var a=!1;if(v.current){if(v.current._src===t)return;(a=v.current.playing())&&(v.current.stop(),v.current.off(),v.current=void 0)}var i=A({src:t,format:n,autoplay:a||u});"loaded"!==i._state&&N({type:r.ON_LOAD}),i.on("load",(function(){N({type:r.ON_LOAD})})),i.on("play",(function(){N({type:r.ON_PLAY})})),i.on("end",(function(){N({type:r.ON_END})})),i.on("pause",(function(){N({type:r.ON_PAUSE})})),i.on("stop",(function(){N({type:r.ON_STOP})})),i.on("playerror",(function(e,t){N({type:r.ON_PLAY_ERROR,error:new Error("[Play error] "+t)})})),i.on("loaderror",(function(e,t){N({type:r.ON_LOAD_ERROR,error:new Error("[Load error] "+t)})})),f(i),v.current=i}),[A]);t.useEffect((function(){return function(){v.current&&v.current.unload()}}),[]);var g=t.useMemo((function(){return l||{player:p,load:P,error:R,loading:y,playing:_,stopped:E,ready:!y&&!R}}),[y,R,_,E,P,l,p]);return n.createElement(c.Provider,{value:g},u)},exports.useAudioPlayer=s,exports.useAudioPosition=function(e){void 0===e&&(e={});var r=e.highRefreshRate,n=void 0!==r&&r,o=t.useContext(c),u=o.player,a=o.playing,i=o.stopped,l=s().seek,p=t.useState(0),f=p[0],O=p[1],d=t.useState(0),y=d[0],R=d[1],_=t.useRef();return t.useEffect((function(){u&&(O(u.seek()),R(u.duration()))}),[u,i]),t.useEffect((function(){var e;return!n&&u&&a&&(e=window.setInterval((function(){return O(u.seek())}),1e3)),function(){return clearTimeout(e)}}),[n,u,a]),t.useLayoutEffect((function(){return n&&u&&a&&(_.current=requestAnimationFrame((function e(){O(null==u?void 0:u.seek()),_.current=requestAnimationFrame(e)}))),function(){_.current&&cancelAnimationFrame(_.current)}}),[n,u,a]),{position:f,duration:y,seek:l}};
 //# sourceMappingURL=react-use-audio-player.cjs.production.min.js.map

dist/react-use-audio-player.esm.js

@@ -1,5 +0,37 @@
-import { __assign, __rest } from 'tslib';
 import React, { useState, useReducer, useRef, useCallback, useEffect, useMemo, useContext, useLayoutEffect } from 'react';
 import { Howl } from 'howler';
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 var Actions;
@@ -27,3 +59,3 @@
     case Actions.ON_LOAD:
-      return __assign(__assign({}, state), {
+      return _extends({}, state, {
         stopped: true,
@@ -34,3 +66,3 @@ loading: false
     case Actions.ON_PLAY:
-      return __assign(__assign({}, state), {
+      return _extends({}, state, {
         playing: true,
@@ -42,3 +74,3 @@ stopped: false
     case Actions.ON_END:
-      return __assign(__assign({}, state), {
+      return _extends({}, state, {
         stopped: true,
@@ -49,3 +81,3 @@ playing: false
     case Actions.ON_PAUSE:
-      return __assign(__assign({}, state), {
+      return _extends({}, state, {
         playing: false
@@ -55,3 +87,3 @@ });
     case Actions.ON_PLAY_ERROR:
-      return __assign(__assign({}, state), {
+      return _extends({}, state, {
         playing: false,
@@ -63,3 +95,3 @@ stopped: true,
     case Actions.ON_LOAD_ERROR:
-      return __assign(__assign({}, state), {
+      return _extends({}, state, {
         playing: false,
@@ -72,3 +104,3 @@ stopped: true,
     case Actions.RESET_ERRORS:
-      return __assign(__assign({}, state), {
+      return _extends({}, state, {
         error: null
@@ -82,28 +114,27 @@ });
 
-var noop = function noop() {};
-
 var AudioPlayerContext =
 /*#__PURE__*/
 React.createContext(null);
-function AudioPlayerProvider(_a) {
-  var children = _a.children,
-      value = _a.value;
 
-  var _b = useState(null),
-      player = _b[0],
-      setPlayer = _b[1];
+function AudioPlayerProvider(_ref) {
+  var children = _ref.children,
+      value = _ref.value;
 
-  var _c = useReducer(reducer, initialState),
-      _d = _c[0],
-      loading = _d.loading,
-      error = _d.error,
-      playing = _d.playing,
-      stopped = _d.stopped,
-      dispatch = _c[1];
+  var _useState = useState(null),
+      player = _useState[0],
+      setPlayer = _useState[1];
 
+  var _useReducer = useReducer(reducer, initialState),
+      _useReducer$ = _useReducer[0],
+      loading = _useReducer$.loading,
+      error = _useReducer$.error,
+      playing = _useReducer$.playing,
+      stopped = _useReducer$.stopped,
+      dispatch = _useReducer[1];
+
   var playerRef = useRef();
-  var constructHowl = useCallback(function (_a) {
-    var src = _a.src,
-        format = _a.format,
-        autoplay = _a.autoplay;
+  var constructHowl = useCallback(function (_ref2) {
+    var src = _ref2.src,
+        format = _ref2.format,
+        autoplay = _ref2.autoplay;
     return new Howl({
@@ -115,7 +146,7 @@ src: src,
   }, []);
-  var load = useCallback(function (_a) {
-    var src = _a.src,
-        format = _a.format,
-        _b = _a.autoplay,
-        autoplay = _b === void 0 ? false : _b;
+  var load = useCallback(function (_ref3) {
+    var src = _ref3.src,
+        format = _ref3.format,
+        _ref3$autoplay = _ref3.autoplay,
+        autoplay = _ref3$autoplay === void 0 ? false : _ref3$autoplay;
     dispatch({
@@ -216,12 +247,15 @@ type: Actions.RESET_ERRORS
 }
+
+var noop = function noop() {};
+
 var useAudioPlayer = function useAudioPlayer(props) {
-  var _a = useContext(AudioPlayerContext),
-      player = _a.player,
-      load = _a.load,
-      context = __rest(_a, ["player", "load"]);
+  var _useContext = useContext(AudioPlayerContext),
+      player = _useContext.player,
+      load = _useContext.load,
+      context = _objectWithoutPropertiesLoose(_useContext, ["player", "load"]);
 
-  var _b = props || {},
-      src = _b.src,
-      format = _b.format,
-      autoplay = _b.autoplay;
+  var _ref = props || {},
+      src = _ref.src,
+      format = _ref.format,
+      autoplay = _ref.autoplay;
 
@@ -248,3 +282,3 @@ useEffect(function () {
   }, [player]);
-  return __assign(__assign({}, context), {
+  return _extends({}, context, {
     play: player ? player.play.bind(player) : noop,
@@ -258,3 +292,3 @@ pause: player ? player.pause.bind(player) : noop,
   });
-}; // gives current audio position state - updates in an animation frame loop for animating audio visualizations
+};
 
@@ -266,18 +300,22 @@ var useAudioPosition = function useAudioPosition(config) {
 
-  var _a = config.highRefreshRate,
-      highRefreshRate = _a === void 0 ? false : _a;
+  var _config = config,
+      _config$highRefreshRa = _config.highRefreshRate,
+      highRefreshRate = _config$highRefreshRa === void 0 ? false : _config$highRefreshRa;
 
-  var _b = useContext(AudioPlayerContext),
-      player = _b.player,
-      playing = _b.playing,
-      stopped = _b.stopped;
+  var _useContext = useContext(AudioPlayerContext),
+      player = _useContext.player,
+      playing = _useContext.playing,
+      stopped = _useContext.stopped;
 
-  var _c = useState(0),
-      position = _c[0],
-      setPosition = _c[1];
+  var _useAudioPlayer = useAudioPlayer(),
+      seek = _useAudioPlayer.seek;
 
-  var _d = useState(0),
-      duration = _d[0],
-      setDuration = _d[1];
+  var _useState = useState(0),
+      position = _useState[0],
+      setPosition = _useState[1];
 
+  var _useState2 = useState(0),
+      duration = _useState2[0],
+      setDuration = _useState2[1];
+
   var animationFrameRef = useRef(); // sets position and duration on player initialization and when the audio is stopped
@@ -304,5 +342,3 @@
     var animate = function animate() {
-      var _a;
-
-      setPosition((_a = player) === null || _a === void 0 ? void 0 : _a.seek());
+      setPosition(player === null || player === void 0 ? void 0 : player.seek());
       animationFrameRef.current = requestAnimationFrame(animate);
@@ -324,3 +360,4 @@ }; // kick off a new animation cycle when the player is defined and starts playing
     position: position,
-    duration: duration
+    duration: duration,
+    seek: seek
   };
@@ -327,0 +364,0 @@ };

package.json

 {
     "name": "react-use-audio-player",
-    "version": "0.0.13",
+    "version": "0.0.14",
     "description": "React hook for building custom audio playback controls",
@@ -28,3 +28,3 @@ "main": "dist/index.js",
         "build": "tsdx build",
-        "test": "tsdx test --passWithNoTests",
+        "test": "tsdx test",
         "test:integration": "cypress run",
@@ -46,5 +46,5 @@ "lint": "tsdx lint",
         "react-dom": "^16.12.0",
-        "tsdx": "^0.12.1",
+        "tsdx": "^0.13.1",
         "tslib": "^1.10.0",
-        "typescript": "^3.7.4"
+        "typescript": "^3.8.3"
     },
@@ -67,3 +67,9 @@ "peerDependencies": {
         "trailingComma": "none"
+    },
+    "jest": {
+        "testPathIgnorePatterns": [
+            "/node_modules/",
+            "/test/cypress/"
+        ]
     }
 }

README.md

@@ -162,2 +162,5 @@ # react-use-audio-player
     <br/>the total length of the audio in seconds
+    
+-   `seek: (position: number) => void`
+    <br/> For convenience the `seek` method from useAudioPlayer is also returned from this hook
 
@@ -164,0 +167,0 @@ ## Examples

No alert changes

Improved metrics

Total package byte prevSize

84558

increased by5.96%

Number of package files

16

increased by33.33%

Lines of code

713

increased by10.54%

Number of lines in readme file

184

increased by1.66%

No dependency changes