This repository has been archived on 2022-09-16. You can view files and clone it, but cannot push or open issues/pull-requests.
2022-08-06 18:01:59 +01:00
|
|
|
import React from "react";
|
|
|
|
|
|
|
|
import Controls from "../controls/Controls";
|
2022-08-06 18:04:38 +01:00
|
|
|
import Visualizer from "../visualizer/Visualizer";
|
2022-08-06 18:01:59 +01:00
|
|
|
import { musicPlayer } from "./musicPlayerSlice";
|
|
|
|
|
|
|
|
function MusicPlayer() {
|
|
|
|
return (
|
|
|
|
<div className="is-flex-grow-1 is-flex is-flex-direction-column">
|
|
|
|
<div className="is-flex-grow-1 is-overflow-hidden">
|
2022-08-06 18:04:38 +01:00
|
|
|
<Visualizer
|
|
|
|
audioContext={musicPlayer.audioContext}
|
|
|
|
audioNode={musicPlayer.audioNode}
|
|
|
|
/>
|
2022-08-06 18:01:59 +01:00
|
|
|
</div>
|
|
|
|
<div className="is-flex-grow-0">
|
|
|
|
<Controls />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default MusicPlayer;
|