@micromag/core 0.3.204 → 0.3.205
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 +11 -3
- package/lib/hooks.js +11 -3
- package/package.json +2 -2
package/es/hooks.js
CHANGED
|
@@ -1516,18 +1516,25 @@ function useMediaProgress(media) {
|
|
|
1516
1516
|
}
|
|
1517
1517
|
|
|
1518
1518
|
function onResume() {
|
|
1519
|
-
|
|
1519
|
+
if (!playing) {
|
|
1520
|
+
setPlaying(true);
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1520
1523
|
updateProgress(media.currentTime / media.duration);
|
|
1521
1524
|
}
|
|
1522
1525
|
|
|
1523
1526
|
function onPause() {
|
|
1524
|
-
|
|
1527
|
+
if (playing) {
|
|
1528
|
+
setPlaying(false);
|
|
1529
|
+
}
|
|
1530
|
+
|
|
1525
1531
|
updateProgress(media.currentTime / media.duration);
|
|
1526
1532
|
}
|
|
1527
1533
|
|
|
1528
1534
|
media.addEventListener('play', onResume);
|
|
1529
1535
|
media.addEventListener('seeked', onResume);
|
|
1530
1536
|
media.addEventListener('playing', onResume);
|
|
1537
|
+
media.addEventListener('timeupdate', onResume);
|
|
1531
1538
|
media.addEventListener('pause', onPause);
|
|
1532
1539
|
media.addEventListener('ended', onPause);
|
|
1533
1540
|
media.addEventListener('waiting', onPause);
|
|
@@ -1543,13 +1550,14 @@ function useMediaProgress(media) {
|
|
|
1543
1550
|
media.removeEventListener('play', onResume);
|
|
1544
1551
|
media.removeEventListener('seeked', onResume);
|
|
1545
1552
|
media.removeEventListener('playing', onResume);
|
|
1553
|
+
media.removeEventListener('timeupdate', onResume);
|
|
1546
1554
|
media.removeEventListener('pause', onPause);
|
|
1547
1555
|
media.removeEventListener('ended', onPause);
|
|
1548
1556
|
media.removeEventListener('waiting', onPause);
|
|
1549
1557
|
media.removeEventListener('stalled', onPause);
|
|
1550
1558
|
media.removeEventListener('seeking', onPause); // media.removeEventListener('suspend', onPause);
|
|
1551
1559
|
};
|
|
1552
|
-
}, [media, updateProgress]);
|
|
1560
|
+
}, [media, updateProgress, setPlaying, playing]);
|
|
1553
1561
|
useEffect(function () {
|
|
1554
1562
|
if (media === null) {
|
|
1555
1563
|
return function () {};
|
package/lib/hooks.js
CHANGED
|
@@ -1554,18 +1554,25 @@ function useMediaProgress(media) {
|
|
|
1554
1554
|
}
|
|
1555
1555
|
|
|
1556
1556
|
function onResume() {
|
|
1557
|
-
|
|
1557
|
+
if (!playing) {
|
|
1558
|
+
setPlaying(true);
|
|
1559
|
+
}
|
|
1560
|
+
|
|
1558
1561
|
updateProgress(media.currentTime / media.duration);
|
|
1559
1562
|
}
|
|
1560
1563
|
|
|
1561
1564
|
function onPause() {
|
|
1562
|
-
|
|
1565
|
+
if (playing) {
|
|
1566
|
+
setPlaying(false);
|
|
1567
|
+
}
|
|
1568
|
+
|
|
1563
1569
|
updateProgress(media.currentTime / media.duration);
|
|
1564
1570
|
}
|
|
1565
1571
|
|
|
1566
1572
|
media.addEventListener('play', onResume);
|
|
1567
1573
|
media.addEventListener('seeked', onResume);
|
|
1568
1574
|
media.addEventListener('playing', onResume);
|
|
1575
|
+
media.addEventListener('timeupdate', onResume);
|
|
1569
1576
|
media.addEventListener('pause', onPause);
|
|
1570
1577
|
media.addEventListener('ended', onPause);
|
|
1571
1578
|
media.addEventListener('waiting', onPause);
|
|
@@ -1581,13 +1588,14 @@ function useMediaProgress(media) {
|
|
|
1581
1588
|
media.removeEventListener('play', onResume);
|
|
1582
1589
|
media.removeEventListener('seeked', onResume);
|
|
1583
1590
|
media.removeEventListener('playing', onResume);
|
|
1591
|
+
media.removeEventListener('timeupdate', onResume);
|
|
1584
1592
|
media.removeEventListener('pause', onPause);
|
|
1585
1593
|
media.removeEventListener('ended', onPause);
|
|
1586
1594
|
media.removeEventListener('waiting', onPause);
|
|
1587
1595
|
media.removeEventListener('stalled', onPause);
|
|
1588
1596
|
media.removeEventListener('seeking', onPause); // media.removeEventListener('suspend', onPause);
|
|
1589
1597
|
};
|
|
1590
|
-
}, [media, updateProgress]);
|
|
1598
|
+
}, [media, updateProgress, setPlaying, playing]);
|
|
1591
1599
|
react.useEffect(function () {
|
|
1592
1600
|
if (media === null) {
|
|
1593
1601
|
return function () {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/core",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.205",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -133,5 +133,5 @@
|
|
|
133
133
|
"publishConfig": {
|
|
134
134
|
"access": "public"
|
|
135
135
|
},
|
|
136
|
-
"gitHead": "
|
|
136
|
+
"gitHead": "6611334d21b32d4882928b0bd66d98deda386702"
|
|
137
137
|
}
|