musicgpt 0.3.27

Generate music based on natural language prompts using LLMs running locally
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import H5AudioPlayer from "react-h5-audio-player";
import './AudioSucess.css'
import { DownloadIcon } from "../Icons/DownloadIcon.tsx";


export function AudioSuccess ({ className = '', src, ...rest }: typeof H5AudioPlayer.defaultProps) {
  return (
    <div className={`relative w-96 ${className}`}>
      <H5AudioPlayer
        className={`rounded-b-lg rounded-tr-lg bg-[var(--card-background-color)]`}
        style={{ boxShadow: 'none' }}
        autoPlay={true}
        src={src}
        {...rest}
      >
      </H5AudioPlayer>
      <a
        className="absolute top-[53%] left-[14%] text-[var(--text-faded-color)] hover:shadow-sm h-fit hover:opacity-75"
        href={src}
        download
        target="_blank"
      >
        <DownloadIcon className={'hover:font-bold'}/>
      </a>
    </div>
  )
}