@micromag/core 0.3.122 → 0.3.124
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 +63 -14
- package/lib/hooks.js +63 -14
- package/package.json +2 -2
package/es/hooks.js
CHANGED
|
@@ -961,16 +961,42 @@ var useMediaApi = function useMediaApi() {
|
|
|
961
961
|
}, [setDataReady, onLoadedData]);
|
|
962
962
|
useEffect(function () {
|
|
963
963
|
var _ref$current = ref.current,
|
|
964
|
-
media = _ref$current === void 0 ? null : _ref$current;
|
|
964
|
+
media = _ref$current === void 0 ? null : _ref$current; // console.log('actions', url);
|
|
965
965
|
|
|
966
966
|
if (media !== null) {
|
|
967
|
-
media.addEventListener('timeupdate', onCustomTimeUpdate);
|
|
968
|
-
media.addEventListener('durationchange', onCustomDurationChange);
|
|
969
967
|
media.addEventListener('volumechange', onCustomVolumeChange);
|
|
970
968
|
media.addEventListener('play', onCustomPlay);
|
|
971
969
|
media.addEventListener('pause', onCustomPause);
|
|
972
970
|
media.addEventListener('ended', onCustomEnded);
|
|
973
|
-
media.addEventListener('seeked', onCustomSeeked);
|
|
971
|
+
media.addEventListener('seeked', onCustomSeeked); // media.addEventListener('loadstart', onCustomLoadStart);
|
|
972
|
+
// media.addEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
973
|
+
// media.addEventListener('canplay', onCustomCanPlay);
|
|
974
|
+
// media.addEventListener('loadedmetadata', onCustomLoadedMetadata);
|
|
975
|
+
// media.addEventListener('loadeddata', onCustomLoadedData);
|
|
976
|
+
}
|
|
977
|
+
|
|
978
|
+
return function () {
|
|
979
|
+
if (media !== null) {
|
|
980
|
+
media.removeEventListener('volumechange', onCustomVolumeChange);
|
|
981
|
+
media.removeEventListener('play', onCustomPlay);
|
|
982
|
+
media.removeEventListener('pause', onCustomPause);
|
|
983
|
+
media.removeEventListener('ended', onCustomEnded);
|
|
984
|
+
media.removeEventListener('seeked', onCustomSeeked); // media.removeEventListener('loadstart', onCustomLoadStart);
|
|
985
|
+
// media.removeEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
986
|
+
// media.removeEventListener('canplay', onCustomCanPlay);
|
|
987
|
+
// media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
|
|
988
|
+
}
|
|
989
|
+
};
|
|
990
|
+
}, [url, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked // onCustomLoadStart,
|
|
991
|
+
// onCustomCanPlayThrough,
|
|
992
|
+
// onCustomCanPlay,
|
|
993
|
+
// onCustomLoadedMetadata,
|
|
994
|
+
]);
|
|
995
|
+
useEffect(function () {
|
|
996
|
+
var _ref$current2 = ref.current,
|
|
997
|
+
media = _ref$current2 === void 0 ? null : _ref$current2;
|
|
998
|
+
|
|
999
|
+
if (media !== null) {
|
|
974
1000
|
media.addEventListener('loadstart', onCustomLoadStart);
|
|
975
1001
|
media.addEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
976
1002
|
media.addEventListener('canplay', onCustomCanPlay);
|
|
@@ -980,23 +1006,46 @@ var useMediaApi = function useMediaApi() {
|
|
|
980
1006
|
|
|
981
1007
|
return function () {
|
|
982
1008
|
if (media !== null) {
|
|
983
|
-
media.removeEventListener('timeupdate', onCustomTimeUpdate);
|
|
984
|
-
media.removeEventListener('durationchange', onCustomDurationChange);
|
|
985
|
-
media.removeEventListener('volumechange', onCustomVolumeChange);
|
|
986
|
-
media.removeEventListener('play', onCustomPlay);
|
|
987
|
-
media.removeEventListener('pause', onCustomPause);
|
|
988
|
-
media.removeEventListener('ended', onCustomEnded);
|
|
989
|
-
media.removeEventListener('seeked', onCustomSeeked);
|
|
990
1009
|
media.removeEventListener('loadstart', onCustomLoadStart);
|
|
991
1010
|
media.removeEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
992
1011
|
media.removeEventListener('canplay', onCustomCanPlay);
|
|
993
1012
|
media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
|
|
994
1013
|
}
|
|
995
1014
|
};
|
|
996
|
-
}, [url,
|
|
1015
|
+
}, [url, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]); // Duration
|
|
1016
|
+
|
|
997
1017
|
useEffect(function () {
|
|
998
|
-
var _ref$
|
|
999
|
-
media = _ref$
|
|
1018
|
+
var _ref$current3 = ref.current,
|
|
1019
|
+
media = _ref$current3 === void 0 ? null : _ref$current3;
|
|
1020
|
+
|
|
1021
|
+
if (media !== null) {
|
|
1022
|
+
media.addEventListener('durationchange', onCustomDurationChange);
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
return function () {
|
|
1026
|
+
if (media !== null) {
|
|
1027
|
+
media.removeEventListener('durationchange', onCustomDurationChange);
|
|
1028
|
+
}
|
|
1029
|
+
};
|
|
1030
|
+
}, [url, onCustomDurationChange]); // Timeupdate
|
|
1031
|
+
|
|
1032
|
+
useEffect(function () {
|
|
1033
|
+
var _ref$current4 = ref.current,
|
|
1034
|
+
media = _ref$current4 === void 0 ? null : _ref$current4; // console.log('timeupdate', url);
|
|
1035
|
+
|
|
1036
|
+
if (media !== null) {
|
|
1037
|
+
media.addEventListener('timeupdate', onCustomTimeUpdate);
|
|
1038
|
+
}
|
|
1039
|
+
|
|
1040
|
+
return function () {
|
|
1041
|
+
if (media !== null) {
|
|
1042
|
+
media.removeEventListener('timeupdate', onCustomTimeUpdate);
|
|
1043
|
+
}
|
|
1044
|
+
};
|
|
1045
|
+
}, [url, onCustomTimeUpdate, onCustomDurationChange]);
|
|
1046
|
+
useEffect(function () {
|
|
1047
|
+
var _ref$current5 = ref.current,
|
|
1048
|
+
media = _ref$current5 === void 0 ? null : _ref$current5;
|
|
1000
1049
|
|
|
1001
1050
|
if (media !== null && media.readyState > 1) {
|
|
1002
1051
|
setDataReady(true);
|
package/lib/hooks.js
CHANGED
|
@@ -997,16 +997,42 @@ var useMediaApi = function useMediaApi() {
|
|
|
997
997
|
}, [setDataReady, onLoadedData]);
|
|
998
998
|
react.useEffect(function () {
|
|
999
999
|
var _ref$current = ref.current,
|
|
1000
|
-
media = _ref$current === void 0 ? null : _ref$current;
|
|
1000
|
+
media = _ref$current === void 0 ? null : _ref$current; // console.log('actions', url);
|
|
1001
1001
|
|
|
1002
1002
|
if (media !== null) {
|
|
1003
|
-
media.addEventListener('timeupdate', onCustomTimeUpdate);
|
|
1004
|
-
media.addEventListener('durationchange', onCustomDurationChange);
|
|
1005
1003
|
media.addEventListener('volumechange', onCustomVolumeChange);
|
|
1006
1004
|
media.addEventListener('play', onCustomPlay);
|
|
1007
1005
|
media.addEventListener('pause', onCustomPause);
|
|
1008
1006
|
media.addEventListener('ended', onCustomEnded);
|
|
1009
|
-
media.addEventListener('seeked', onCustomSeeked);
|
|
1007
|
+
media.addEventListener('seeked', onCustomSeeked); // media.addEventListener('loadstart', onCustomLoadStart);
|
|
1008
|
+
// media.addEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
1009
|
+
// media.addEventListener('canplay', onCustomCanPlay);
|
|
1010
|
+
// media.addEventListener('loadedmetadata', onCustomLoadedMetadata);
|
|
1011
|
+
// media.addEventListener('loadeddata', onCustomLoadedData);
|
|
1012
|
+
}
|
|
1013
|
+
|
|
1014
|
+
return function () {
|
|
1015
|
+
if (media !== null) {
|
|
1016
|
+
media.removeEventListener('volumechange', onCustomVolumeChange);
|
|
1017
|
+
media.removeEventListener('play', onCustomPlay);
|
|
1018
|
+
media.removeEventListener('pause', onCustomPause);
|
|
1019
|
+
media.removeEventListener('ended', onCustomEnded);
|
|
1020
|
+
media.removeEventListener('seeked', onCustomSeeked); // media.removeEventListener('loadstart', onCustomLoadStart);
|
|
1021
|
+
// media.removeEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
1022
|
+
// media.removeEventListener('canplay', onCustomCanPlay);
|
|
1023
|
+
// media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
|
|
1024
|
+
}
|
|
1025
|
+
};
|
|
1026
|
+
}, [url, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked // onCustomLoadStart,
|
|
1027
|
+
// onCustomCanPlayThrough,
|
|
1028
|
+
// onCustomCanPlay,
|
|
1029
|
+
// onCustomLoadedMetadata,
|
|
1030
|
+
]);
|
|
1031
|
+
react.useEffect(function () {
|
|
1032
|
+
var _ref$current2 = ref.current,
|
|
1033
|
+
media = _ref$current2 === void 0 ? null : _ref$current2;
|
|
1034
|
+
|
|
1035
|
+
if (media !== null) {
|
|
1010
1036
|
media.addEventListener('loadstart', onCustomLoadStart);
|
|
1011
1037
|
media.addEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
1012
1038
|
media.addEventListener('canplay', onCustomCanPlay);
|
|
@@ -1016,23 +1042,46 @@ var useMediaApi = function useMediaApi() {
|
|
|
1016
1042
|
|
|
1017
1043
|
return function () {
|
|
1018
1044
|
if (media !== null) {
|
|
1019
|
-
media.removeEventListener('timeupdate', onCustomTimeUpdate);
|
|
1020
|
-
media.removeEventListener('durationchange', onCustomDurationChange);
|
|
1021
|
-
media.removeEventListener('volumechange', onCustomVolumeChange);
|
|
1022
|
-
media.removeEventListener('play', onCustomPlay);
|
|
1023
|
-
media.removeEventListener('pause', onCustomPause);
|
|
1024
|
-
media.removeEventListener('ended', onCustomEnded);
|
|
1025
|
-
media.removeEventListener('seeked', onCustomSeeked);
|
|
1026
1045
|
media.removeEventListener('loadstart', onCustomLoadStart);
|
|
1027
1046
|
media.removeEventListener('canplaythrough', onCustomCanPlayThrough);
|
|
1028
1047
|
media.removeEventListener('canplay', onCustomCanPlay);
|
|
1029
1048
|
media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
|
|
1030
1049
|
}
|
|
1031
1050
|
};
|
|
1032
|
-
}, [url,
|
|
1051
|
+
}, [url, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]); // Duration
|
|
1052
|
+
|
|
1033
1053
|
react.useEffect(function () {
|
|
1034
|
-
var _ref$
|
|
1035
|
-
media = _ref$
|
|
1054
|
+
var _ref$current3 = ref.current,
|
|
1055
|
+
media = _ref$current3 === void 0 ? null : _ref$current3;
|
|
1056
|
+
|
|
1057
|
+
if (media !== null) {
|
|
1058
|
+
media.addEventListener('durationchange', onCustomDurationChange);
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
return function () {
|
|
1062
|
+
if (media !== null) {
|
|
1063
|
+
media.removeEventListener('durationchange', onCustomDurationChange);
|
|
1064
|
+
}
|
|
1065
|
+
};
|
|
1066
|
+
}, [url, onCustomDurationChange]); // Timeupdate
|
|
1067
|
+
|
|
1068
|
+
react.useEffect(function () {
|
|
1069
|
+
var _ref$current4 = ref.current,
|
|
1070
|
+
media = _ref$current4 === void 0 ? null : _ref$current4; // console.log('timeupdate', url);
|
|
1071
|
+
|
|
1072
|
+
if (media !== null) {
|
|
1073
|
+
media.addEventListener('timeupdate', onCustomTimeUpdate);
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1076
|
+
return function () {
|
|
1077
|
+
if (media !== null) {
|
|
1078
|
+
media.removeEventListener('timeupdate', onCustomTimeUpdate);
|
|
1079
|
+
}
|
|
1080
|
+
};
|
|
1081
|
+
}, [url, onCustomTimeUpdate, onCustomDurationChange]);
|
|
1082
|
+
react.useEffect(function () {
|
|
1083
|
+
var _ref$current5 = ref.current,
|
|
1084
|
+
media = _ref$current5 === void 0 ? null : _ref$current5;
|
|
1036
1085
|
|
|
1037
1086
|
if (media !== null && media.readyState > 1) {
|
|
1038
1087
|
setDataReady(true);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/core",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.124",
|
|
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": "9050944df1d66cae14e04a771f739e2743894fb8"
|
|
136
136
|
}
|