+ {slide.type === 'image' && (
+
clearField('imageDurationSecs')}
+ >
+ {
+ const v = parseFloat(e.target.value)
+ if (!isNaN(v) && v >= 1 && v <= 30) setField('imageDurationSecs', v)
+ }}
+ />
+ s
+
+ )}
-
- Transition
-
- {ov.transitionType !== undefined
- ?
- : global
- }
-
+
+
- {slide.type === 'image' ? (
-
- Ken Burns
- setField('kenBurns', e.target.checked)}
- />
- {ov.kenBurns !== undefined
- ?
- : global
- }
-
- ) : null}
+ {slide.type === 'image' && (
+
clearField('kenBurns')}
+ >
+ setField('kenBurns', checked)}
+ />
+
+ )}
- {slide.type === 'image' ? (
-
- Fit mode
-
- {ov.fitMode !== undefined
- ?
- : global
- }
-
- ) : null}
+
+
+ )}
-
-
- {
- if (e.target.checked) {
- setField('muteMusic', true)
- return
- }
- clearField('muteMusic')
- }}
- type="checkbox"
- />
- {ov.muteMusic !== undefined
- ?
- : off
- }
-
+
clearField('muteMusic')}
+ >
+ {
+ if (checked) {
+ setField('muteMusic', true)
+ return
+ }
+ clearField('muteMusic')
+ }}
+ />
+
-
-
- {
- const value = Number(e.target.value) / 100
- if (Number.isNaN(value)) return
- setField('musicVolume', value)
- }}
- step={5}
- type="range"
- value={Math.round((ov.musicVolume ?? 1) * 100)}
- />
- {Math.round((ov.musicVolume ?? 1) * 100)}%
- {ov.musicVolume !== undefined
- ?
- : auto
- }
-
+
clearField('musicVolume')}
+ >
+ setField('musicVolume', value / 100)}
+ className="flex-1"
+ />
+
+ {Math.round((ov.musicVolume ?? 1) * 100)}%
+
+
- {slide.type === 'video' ? (
- <>
-
-
- {
- if (e.target.checked) {
- setField('muteVideoAudio', true)
- return
- }
- clearField('muteVideoAudio')
- }}
- type="checkbox"
- />
- {ov.muteVideoAudio !== undefined
- ?
- : off
- }
-
+ {slide.type === 'video' && (
+ <>
+
clearField('muteVideoAudio')}
+ >
+ {
+ if (checked) {
+ setField('muteVideoAudio', true)
+ return
+ }
+ clearField('muteVideoAudio')
+ }}
+ />
+
-
-
- {
- const value = Number(e.target.value) / 100
- if (Number.isNaN(value)) return
- setField('videoVolume', value)
- }}
- step={5}
- type="range"
- value={Math.round((ov.videoVolume ?? 1) * 100)}
- />
- {Math.round((ov.videoVolume ?? 1) * 100)}%
- {ov.videoVolume !== undefined
- ?
- : 100%
- }
-
- >
- ) : null}
+
clearField('videoVolume')}
+ >
+ setField('videoVolume', value / 100)}
+ className="flex-1"
+ />
+
+ {Math.round((ov.videoVolume ?? 1) * 100)}%
+
+
+ >
+ )}
+
-