DraggableAudio

Usage

import React from "react";
import { AudioContextProvider } from "components/audio_context";
import { DraggableAudio } from "components/draggable_audio";
import { upload } from "@canva/asset";

export function App() {
  return (
    <AudioContextProvider>
      <DraggableAudio
        title="Example audio"
        durationMs={86047}
        previewUrl="https://www.canva.dev/example-assets/audio-import/audio.mp3"
        resolveAudioRef={() => {
          return upload({
            type: "AUDIO",
            id: "uniqueidgoeshere",
            title: "Example audio",
            mimeType: "audio/mp3",
            durationMs: 86047,
            url: "https://www.canva.dev/example-assets/audio-import/audio.mp3",
          });
        }}
      />
    </AudioContextProvider>
  );
}

Props