Properties

\n \n

Select a clip to edit its properties

\n );\n }\n\n return (\n

\n setActiveTab('effects')}\n >\n Effects\n \n setActiveTab('properties')}\n >\n Properties\n \n

\n\n

\n {activeTab === 'effects' && (\n <>\n

Color & Light

\n {EFFECT_PRESETS.filter(p => \n ['brightness', 'contrast', 'saturation'].includes(p.type)\n ).map(preset => (\n e.type === preset.type) ? 'active' : ''\n }`}\n onClick={() => handleAddEffect(preset.type)}\n >\n \n {preset.name}\n \n ))}\n

\n\n

Filters

\n {EFFECT_PRESETS.filter(p => \n ['blur', 'sepia', 'grayscale', 'vintage'].includes(p.type)\n ).map(preset => (\n e.type === preset.type) ? 'active' : ''\n }`}\n onClick={() => handleAddEffect(preset.type)}\n >\n \n {preset.name}\n \n ))}\n

\n\n {selectedClip.effects.length > 0 && (\n

Applied Effects

\n {selectedClip.effects.map(effect => {\n const preset = EFFECT_PRESETS.find(p => p.type === effect.type);\n return (\n

\n \n \n {preset?.name || effect.type}\n \n handleRemoveEffect(effect.id)}\n >\n \n \n

\n Intensity\n handleEffectIntensityChange(effect.id, parseFloat(e.target.value))}\n />\n {Math.round(effect.intensity * 100)}%\n

\n );\n })}\n

\n )}\n \n )}\n\n {activeTab === 'properties' && (\n <>\n

Clip Information

\n Name:\n {selectedClip.file.name}\n

\n Duration:\n {selectedClip.duration.toFixed(2)}s\n

\n Start Time:\n {selectedClip.startTime.toFixed(2)}s\n

\n End Time:\n {selectedClip.endTime.toFixed(2)}s\n

\n Track:\n Video {selectedClip.track + 1}\n

\n\n

Audio

\n Volume\n handleVolumeChange(parseFloat(e.target.value))}\n />\n

\n 0%\n {Math.round(selectedClip.volume * 100)}%\n 200%\n

\n\n

Transform

\n \n \n \n

\n\n

Speed

\n \n \n \n

\n\n

Actions

\n \n \n \n

\n \n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/awaui/untitled-6832/code/frontend/components/EffectsPanel.tsx","extension","actionData","errors"]