@micromag/core 0.3.35 → 0.3.36
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/es/hooks.js +22 -22
- package/lib/hooks.js +22 -22
- package/package.json +2 -2
package/es/hooks.js
CHANGED
|
@@ -838,19 +838,19 @@ var useMediaApi = function useMediaApi() {
|
|
|
838
838
|
|
|
839
839
|
setPlaying(true);
|
|
840
840
|
}, [initialPlay, setPlaying, onPlay]);
|
|
841
|
-
var onCustomPause = useCallback(function () {
|
|
842
|
-
var
|
|
841
|
+
var onCustomPause = useCallback(function (e) {
|
|
842
|
+
var eventMedia = e.currentTarget;
|
|
843
843
|
setPlaying(false);
|
|
844
844
|
|
|
845
845
|
if (onPause !== null) {
|
|
846
846
|
onPause({
|
|
847
|
-
midway:
|
|
847
|
+
midway: eventMedia.currentTime > 0 && eventMedia.currentTime < eventMedia.duration
|
|
848
848
|
});
|
|
849
849
|
}
|
|
850
850
|
}, [setPlaying, onPause]);
|
|
851
|
-
var onCustomEnded = useCallback(function () {
|
|
852
|
-
var
|
|
853
|
-
|
|
851
|
+
var onCustomEnded = useCallback(function (e) {
|
|
852
|
+
var eventMedia = e.currentTarget;
|
|
853
|
+
eventMedia.currentTime = 0;
|
|
854
854
|
|
|
855
855
|
if (onEnded !== null) {
|
|
856
856
|
onEnded();
|
|
@@ -858,15 +858,15 @@ var useMediaApi = function useMediaApi() {
|
|
|
858
858
|
|
|
859
859
|
setInitialPlay(true);
|
|
860
860
|
}, [setInitialPlay, onEnded]);
|
|
861
|
-
var onCustomTimeUpdate = useCallback(function () {
|
|
862
|
-
var
|
|
863
|
-
setCurrentTime(
|
|
861
|
+
var onCustomTimeUpdate = useCallback(function (e) {
|
|
862
|
+
var eventMedia = e.currentTarget;
|
|
863
|
+
setCurrentTime(eventMedia.currentTime);
|
|
864
864
|
|
|
865
865
|
if (onTimeUpdate !== null) {
|
|
866
|
-
onTimeUpdate(
|
|
866
|
+
onTimeUpdate(eventMedia.currentTime);
|
|
867
867
|
}
|
|
868
868
|
|
|
869
|
-
var progress =
|
|
869
|
+
var progress = eventMedia.currentTime / eventMedia.duration;
|
|
870
870
|
var currentSteps = progressStepsReached.current;
|
|
871
871
|
var stepsToTrack = progressSteps.filter(function (step) {
|
|
872
872
|
return progress > step && typeof currentSteps[step] === 'undefined';
|
|
@@ -879,27 +879,27 @@ var useMediaApi = function useMediaApi() {
|
|
|
879
879
|
currentSteps[step] = true;
|
|
880
880
|
});
|
|
881
881
|
}, [setCurrentTime, onTimeUpdate, onProgressStep]);
|
|
882
|
-
var onCustomDurationChange = useCallback(function () {
|
|
883
|
-
var
|
|
884
|
-
setDuration(
|
|
882
|
+
var onCustomDurationChange = useCallback(function (e) {
|
|
883
|
+
var eventMedia = e.currentTarget;
|
|
884
|
+
setDuration(eventMedia.duration);
|
|
885
885
|
|
|
886
886
|
if (onDurationChanged !== null) {
|
|
887
|
-
onDurationChanged(
|
|
887
|
+
onDurationChanged(eventMedia.duration);
|
|
888
888
|
}
|
|
889
889
|
}, [setDuration, onDurationChanged]);
|
|
890
|
-
var onCustomSeeked = useCallback(function () {
|
|
891
|
-
var
|
|
890
|
+
var onCustomSeeked = useCallback(function (e) {
|
|
891
|
+
var eventMedia = e.currentTarget;
|
|
892
892
|
|
|
893
893
|
if (onSeeked !== null) {
|
|
894
|
-
onSeeked(
|
|
894
|
+
onSeeked(eventMedia.currentTime);
|
|
895
895
|
}
|
|
896
896
|
}, [onSeeked]);
|
|
897
|
-
var onCustomVolumeChange = useCallback(function () {
|
|
898
|
-
var
|
|
899
|
-
setMuted(
|
|
897
|
+
var onCustomVolumeChange = useCallback(function (e) {
|
|
898
|
+
var eventMedia = e.currentTarget;
|
|
899
|
+
setMuted(eventMedia.muted);
|
|
900
900
|
|
|
901
901
|
if (onVolumeChanged !== null) {
|
|
902
|
-
onVolumeChanged(
|
|
902
|
+
onVolumeChanged(eventMedia.muted, eventMedia.volume);
|
|
903
903
|
}
|
|
904
904
|
}, [setMuted, onVolumeChanged]);
|
|
905
905
|
var onCustomLoadStart = useCallback(function () {
|
package/lib/hooks.js
CHANGED
|
@@ -874,19 +874,19 @@ var useMediaApi = function useMediaApi() {
|
|
|
874
874
|
|
|
875
875
|
setPlaying(true);
|
|
876
876
|
}, [initialPlay, setPlaying, onPlay]);
|
|
877
|
-
var onCustomPause = react.useCallback(function () {
|
|
878
|
-
var
|
|
877
|
+
var onCustomPause = react.useCallback(function (e) {
|
|
878
|
+
var eventMedia = e.currentTarget;
|
|
879
879
|
setPlaying(false);
|
|
880
880
|
|
|
881
881
|
if (onPause !== null) {
|
|
882
882
|
onPause({
|
|
883
|
-
midway:
|
|
883
|
+
midway: eventMedia.currentTime > 0 && eventMedia.currentTime < eventMedia.duration
|
|
884
884
|
});
|
|
885
885
|
}
|
|
886
886
|
}, [setPlaying, onPause]);
|
|
887
|
-
var onCustomEnded = react.useCallback(function () {
|
|
888
|
-
var
|
|
889
|
-
|
|
887
|
+
var onCustomEnded = react.useCallback(function (e) {
|
|
888
|
+
var eventMedia = e.currentTarget;
|
|
889
|
+
eventMedia.currentTime = 0;
|
|
890
890
|
|
|
891
891
|
if (onEnded !== null) {
|
|
892
892
|
onEnded();
|
|
@@ -894,15 +894,15 @@ var useMediaApi = function useMediaApi() {
|
|
|
894
894
|
|
|
895
895
|
setInitialPlay(true);
|
|
896
896
|
}, [setInitialPlay, onEnded]);
|
|
897
|
-
var onCustomTimeUpdate = react.useCallback(function () {
|
|
898
|
-
var
|
|
899
|
-
setCurrentTime(
|
|
897
|
+
var onCustomTimeUpdate = react.useCallback(function (e) {
|
|
898
|
+
var eventMedia = e.currentTarget;
|
|
899
|
+
setCurrentTime(eventMedia.currentTime);
|
|
900
900
|
|
|
901
901
|
if (onTimeUpdate !== null) {
|
|
902
|
-
onTimeUpdate(
|
|
902
|
+
onTimeUpdate(eventMedia.currentTime);
|
|
903
903
|
}
|
|
904
904
|
|
|
905
|
-
var progress =
|
|
905
|
+
var progress = eventMedia.currentTime / eventMedia.duration;
|
|
906
906
|
var currentSteps = progressStepsReached.current;
|
|
907
907
|
var stepsToTrack = progressSteps.filter(function (step) {
|
|
908
908
|
return progress > step && typeof currentSteps[step] === 'undefined';
|
|
@@ -915,27 +915,27 @@ var useMediaApi = function useMediaApi() {
|
|
|
915
915
|
currentSteps[step] = true;
|
|
916
916
|
});
|
|
917
917
|
}, [setCurrentTime, onTimeUpdate, onProgressStep]);
|
|
918
|
-
var onCustomDurationChange = react.useCallback(function () {
|
|
919
|
-
var
|
|
920
|
-
setDuration(
|
|
918
|
+
var onCustomDurationChange = react.useCallback(function (e) {
|
|
919
|
+
var eventMedia = e.currentTarget;
|
|
920
|
+
setDuration(eventMedia.duration);
|
|
921
921
|
|
|
922
922
|
if (onDurationChanged !== null) {
|
|
923
|
-
onDurationChanged(
|
|
923
|
+
onDurationChanged(eventMedia.duration);
|
|
924
924
|
}
|
|
925
925
|
}, [setDuration, onDurationChanged]);
|
|
926
|
-
var onCustomSeeked = react.useCallback(function () {
|
|
927
|
-
var
|
|
926
|
+
var onCustomSeeked = react.useCallback(function (e) {
|
|
927
|
+
var eventMedia = e.currentTarget;
|
|
928
928
|
|
|
929
929
|
if (onSeeked !== null) {
|
|
930
|
-
onSeeked(
|
|
930
|
+
onSeeked(eventMedia.currentTime);
|
|
931
931
|
}
|
|
932
932
|
}, [onSeeked]);
|
|
933
|
-
var onCustomVolumeChange = react.useCallback(function () {
|
|
934
|
-
var
|
|
935
|
-
setMuted(
|
|
933
|
+
var onCustomVolumeChange = react.useCallback(function (e) {
|
|
934
|
+
var eventMedia = e.currentTarget;
|
|
935
|
+
setMuted(eventMedia.muted);
|
|
936
936
|
|
|
937
937
|
if (onVolumeChanged !== null) {
|
|
938
|
-
onVolumeChanged(
|
|
938
|
+
onVolumeChanged(eventMedia.muted, eventMedia.volume);
|
|
939
939
|
}
|
|
940
940
|
}, [setMuted, onVolumeChanged]);
|
|
941
941
|
var onCustomLoadStart = react.useCallback(function () {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/core",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.36",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -132,5 +132,5 @@
|
|
|
132
132
|
"publishConfig": {
|
|
133
133
|
"access": "public"
|
|
134
134
|
},
|
|
135
|
-
"gitHead": "
|
|
135
|
+
"gitHead": "3a430d587a82acb0bf94fe7f842c7f96707a98f4"
|
|
136
136
|
}
|