@mux/mux-react-native-player 0.1.3 → 0.1.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MuxVideoControls.d.ts","sourceRoot":"","sources":["../src/MuxVideoControls.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,eAAe,EAEf,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;IACtC,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC1C,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1E,yBAAyB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9E,2BAA2B,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;CACrF,CAAC;AA8BF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,UAAU,EACV,KAAK,EACL,MAAM,EACN,gBAAwB,EACxB,YAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,EACxB,yBAAyB,EACzB,2BAA2B,GAC5B,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"MuxVideoControls.d.ts","sourceRoot":"","sources":["../src/MuxVideoControls.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,eAAe,EAEf,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;IACtC,mBAAmB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC1C,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1E,yBAAyB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9E,2BAA2B,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;CACrF,CAAC;AA8BF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,UAAU,EACV,KAAK,EACL,MAAM,EACN,gBAAwB,EACxB,YAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,EACxB,yBAAyB,EACzB,2BAA2B,GAC5B,EAAE,qBAAqB,2CA22BvB"}
|
|
@@ -260,11 +260,7 @@ export function MuxVideoControls({ player, status, shouldPlay, theme, robots, al
|
|
|
260
260
|
: scrubStateRef.current.currentTime;
|
|
261
261
|
scrubStateRef.current.currentTime = target;
|
|
262
262
|
setPendingTarget(target);
|
|
263
|
-
|
|
264
|
-
player
|
|
265
|
-
.seekTo(target)
|
|
266
|
-
.then(() => console.log('[MuxControls] scrub seekTo OK'))
|
|
267
|
-
.catch(err => console.log('[MuxControls] scrub seekTo ERROR', err));
|
|
263
|
+
runPlayerCommand(player.seekTo(target));
|
|
268
264
|
}
|
|
269
265
|
setScrubbing(false);
|
|
270
266
|
setInteractionTick(prev => prev + 1);
|
|
@@ -286,7 +282,6 @@ export function MuxVideoControls({ player, status, shouldPlay, theme, robots, al
|
|
|
286
282
|
scrubStateRef.current.currentTime = t;
|
|
287
283
|
setScrubbing(true);
|
|
288
284
|
setScrubTime(t);
|
|
289
|
-
console.log('[MuxControls] scrub grant x0=', gestureState.x0, 'trackPageX=', scrubStateRef.current.trackPageX, 'trackWidth=', scrubStateRef.current.trackWidth, 'duration=', scrubStateRef.current.duration, 't=', t);
|
|
290
285
|
},
|
|
291
286
|
onPanResponderMove: (_evt, gestureState) => {
|
|
292
287
|
if (scrubStateRef.current.duration <= 0) {
|
|
@@ -309,20 +304,12 @@ export function MuxVideoControls({ player, status, shouldPlay, theme, robots, al
|
|
|
309
304
|
const seekSecondsRef = React.useRef(controlsTheme.seekSeconds);
|
|
310
305
|
seekSecondsRef.current = controlsTheme.seekSeconds;
|
|
311
306
|
const seekBack = React.useCallback(() => {
|
|
312
|
-
console.log('[MuxControls] seekBack pressed, seconds=', seekSecondsRef.current);
|
|
313
307
|
keepAlive();
|
|
314
|
-
player
|
|
315
|
-
.seekBy(-seekSecondsRef.current)
|
|
316
|
-
.then(() => console.log('[MuxControls] seekBack OK'))
|
|
317
|
-
.catch(err => console.log('[MuxControls] seekBack ERROR', err));
|
|
308
|
+
runPlayerCommand(player.seekBy(-seekSecondsRef.current));
|
|
318
309
|
}, [keepAlive, player]);
|
|
319
310
|
const seekForward = React.useCallback(() => {
|
|
320
|
-
console.log('[MuxControls] seekForward pressed, seconds=', seekSecondsRef.current);
|
|
321
311
|
keepAlive();
|
|
322
|
-
player
|
|
323
|
-
.seekBy(seekSecondsRef.current)
|
|
324
|
-
.then(() => console.log('[MuxControls] seekForward OK'))
|
|
325
|
-
.catch(err => console.log('[MuxControls] seekForward ERROR', err));
|
|
312
|
+
runPlayerCommand(player.seekBy(seekSecondsRef.current));
|
|
326
313
|
}, [keepAlive, player]);
|
|
327
314
|
const togglePlayback = React.useCallback(() => {
|
|
328
315
|
keepAlive();
|
package/package.json
CHANGED
package/src/MuxVideoControls.tsx
CHANGED
|
@@ -374,11 +374,7 @@ export function MuxVideoControls({
|
|
|
374
374
|
: scrubStateRef.current.currentTime;
|
|
375
375
|
scrubStateRef.current.currentTime = target;
|
|
376
376
|
setPendingTarget(target);
|
|
377
|
-
|
|
378
|
-
player
|
|
379
|
-
.seekTo(target)
|
|
380
|
-
.then(() => console.log('[MuxControls] scrub seekTo OK'))
|
|
381
|
-
.catch(err => console.log('[MuxControls] scrub seekTo ERROR', err));
|
|
377
|
+
runPlayerCommand(player.seekTo(target));
|
|
382
378
|
}
|
|
383
379
|
setScrubbing(false);
|
|
384
380
|
setInteractionTick(prev => prev + 1);
|
|
@@ -405,18 +401,6 @@ export function MuxVideoControls({
|
|
|
405
401
|
scrubStateRef.current.currentTime = t;
|
|
406
402
|
setScrubbing(true);
|
|
407
403
|
setScrubTime(t);
|
|
408
|
-
console.log(
|
|
409
|
-
'[MuxControls] scrub grant x0=',
|
|
410
|
-
gestureState.x0,
|
|
411
|
-
'trackPageX=',
|
|
412
|
-
scrubStateRef.current.trackPageX,
|
|
413
|
-
'trackWidth=',
|
|
414
|
-
scrubStateRef.current.trackWidth,
|
|
415
|
-
'duration=',
|
|
416
|
-
scrubStateRef.current.duration,
|
|
417
|
-
't=',
|
|
418
|
-
t
|
|
419
|
-
);
|
|
420
404
|
},
|
|
421
405
|
onPanResponderMove: (_evt, gestureState) => {
|
|
422
406
|
if (scrubStateRef.current.duration <= 0) {
|
|
@@ -443,21 +427,13 @@ export function MuxVideoControls({
|
|
|
443
427
|
seekSecondsRef.current = controlsTheme.seekSeconds;
|
|
444
428
|
|
|
445
429
|
const seekBack = React.useCallback(() => {
|
|
446
|
-
console.log('[MuxControls] seekBack pressed, seconds=', seekSecondsRef.current);
|
|
447
430
|
keepAlive();
|
|
448
|
-
player
|
|
449
|
-
.seekBy(-seekSecondsRef.current)
|
|
450
|
-
.then(() => console.log('[MuxControls] seekBack OK'))
|
|
451
|
-
.catch(err => console.log('[MuxControls] seekBack ERROR', err));
|
|
431
|
+
runPlayerCommand(player.seekBy(-seekSecondsRef.current));
|
|
452
432
|
}, [keepAlive, player]);
|
|
453
433
|
|
|
454
434
|
const seekForward = React.useCallback(() => {
|
|
455
|
-
console.log('[MuxControls] seekForward pressed, seconds=', seekSecondsRef.current);
|
|
456
435
|
keepAlive();
|
|
457
|
-
player
|
|
458
|
-
.seekBy(seekSecondsRef.current)
|
|
459
|
-
.then(() => console.log('[MuxControls] seekForward OK'))
|
|
460
|
-
.catch(err => console.log('[MuxControls] seekForward ERROR', err));
|
|
436
|
+
runPlayerCommand(player.seekBy(seekSecondsRef.current));
|
|
461
437
|
}, [keepAlive, player]);
|
|
462
438
|
|
|
463
439
|
const togglePlayback = React.useCallback(() => {
|