feat: audio for playback
This commit is contained in:
@ -7,6 +7,7 @@ import { usePlaybackStore } from "@/stores/playback-store";
|
|||||||
import { useEditorStore } from "@/stores/editor-store";
|
import { useEditorStore } from "@/stores/editor-store";
|
||||||
import { useAspectRatio } from "@/hooks/use-aspect-ratio";
|
import { useAspectRatio } from "@/hooks/use-aspect-ratio";
|
||||||
import { VideoPlayer } from "@/components/ui/video-player";
|
import { VideoPlayer } from "@/components/ui/video-player";
|
||||||
|
import { AudioPlayer } from "@/components/ui/audio-player";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
@ -222,7 +223,18 @@ export function PreviewPanel() {
|
|||||||
|
|
||||||
// Audio elements (no visual representation)
|
// Audio elements (no visual representation)
|
||||||
if (mediaItem.type === "audio") {
|
if (mediaItem.type === "audio") {
|
||||||
return null;
|
return (
|
||||||
|
<div key={element.id} className="absolute inset-0">
|
||||||
|
<AudioPlayer
|
||||||
|
src={mediaItem.url!}
|
||||||
|
clipStartTime={element.startTime}
|
||||||
|
trimStart={element.trimStart}
|
||||||
|
trimEnd={element.trimEnd}
|
||||||
|
clipDuration={element.duration}
|
||||||
|
trackMuted={elementData.track.muted}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user