@ray-js/ipc-player-integration 0.0.1-beta-63 → 0.0.1-beta-64
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/lib/ui/ui.d.ts +1 -0
- package/lib/ui/ui.js +12 -3
- package/lib/widgets/videoBitKBP/videoBitKBP.less +2 -2
- package/package.json +1 -1
package/lib/ui/ui.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ type Props = {
|
|
|
25
25
|
brandColor?: string;
|
|
26
26
|
verticalMic?: boolean;
|
|
27
27
|
landscapeMode?: 'fill' | 'standard';
|
|
28
|
+
playerMode: 'portrait' | 'landscape';
|
|
28
29
|
eventRef?: React.RefObject<EventInstance>;
|
|
29
30
|
onPlayerTap?: (data: any) => void;
|
|
30
31
|
extend?: Record<string, any>;
|
package/lib/ui/ui.js
CHANGED
|
@@ -52,6 +52,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
|
|
|
52
52
|
verticalMic = true,
|
|
53
53
|
eventRef: eventRefProp,
|
|
54
54
|
landscapeMode = 'standard',
|
|
55
|
+
playerMode = 'portrait',
|
|
55
56
|
onPlayerTap,
|
|
56
57
|
extend = {}
|
|
57
58
|
} = props;
|
|
@@ -81,8 +82,14 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
|
|
|
81
82
|
}
|
|
82
83
|
useImperativeHandle(eventRefProp, () => eventRef.current, [eventRef.current]);
|
|
83
84
|
const timer = useRef();
|
|
84
|
-
const [scaleMultiple, setScaleMultiple] = useState(1);
|
|
85
|
-
const [currentZoomLevel, setCurrentZoomLevel] = useState(1);
|
|
85
|
+
const [scaleMultiple, setScaleMultiple] = useState(playerMode === 'portrait' ? 1 : -2);
|
|
86
|
+
const [currentZoomLevel, setCurrentZoomLevel] = useState(playerMode === 'portrait' ? 1 : -2);
|
|
87
|
+
|
|
88
|
+
// 监听playerMode的变化，更新scaleMultiple
|
|
89
|
+
useEffect(() => {
|
|
90
|
+
setScaleMultiple(playerMode === 'portrait' ? 1 : -2);
|
|
91
|
+
setCurrentZoomLevel(playerMode === 'portrait' ? 1 : -2);
|
|
92
|
+
}, [playerMode]);
|
|
86
93
|
useEffect(() => {
|
|
87
94
|
setBrandColor(brandColor);
|
|
88
95
|
setVerticalMic(verticalMic);
|
|
@@ -120,7 +127,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
|
|
|
120
127
|
setScaleMultiple(-1);
|
|
121
128
|
} else {
|
|
122
129
|
// 将屏幕播放比例设为1
|
|
123
|
-
setScaleMultiple(1);
|
|
130
|
+
setScaleMultiple(playerMode === 'portrait' ? 1 : -2);
|
|
124
131
|
}
|
|
125
132
|
} catch (err) {
|
|
126
133
|
console.log(err, 'err');
|
|
@@ -328,6 +335,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
|
|
|
328
335
|
};
|
|
329
336
|
}, []);
|
|
330
337
|
playState === PlayState.PLAYING;
|
|
338
|
+
console.log(scaleMultiple, 'scaleMultiple===');
|
|
331
339
|
return /*#__PURE__*/React.createElement(UIEventContext.Provider, {
|
|
332
340
|
value: {
|
|
333
341
|
event: eventRef.current,
|
|
@@ -355,6 +363,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
|
|
|
355
363
|
const {
|
|
356
364
|
zoomLevel
|
|
357
365
|
} = data === null || data === void 0 ? void 0 : data.detail;
|
|
366
|
+
console.log(zoomLevel, 'zoomLevel======');
|
|
358
367
|
setCurrentZoomLevel(zoomLevel);
|
|
359
368
|
},
|
|
360
369
|
scaleMultiple: scaleMultiple
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ipc-player-plugin-videoBitKBP-container {
|
|
2
|
-
min-width: calc(
|
|
2
|
+
min-width: calc(92px * var(--ipc-player-size-scale, 1));
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
align-items: center;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
justify-content: center;
|
|
11
11
|
width: 100%;
|
|
12
12
|
height: calc(24px * var(--ipc-player-size-scale, 1));
|
|
13
|
-
padding: 0 calc(
|
|
13
|
+
padding: 0 calc(6px * var(--ipc-player-size-scale, 1));
|
|
14
14
|
border-radius: calc(24px * var(--ipc-player-size-scale, 1));
|
|
15
15
|
color: var(--iconColor);
|
|
16
16
|
font-size: calc(12px * var(--ipc-player-size-scale, 1));
|