zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Front: Play View: Typecheck Audio Context

Browse Source
This commit is contained in:
Arthur Jamet
2023-06-09 09:43:53 +01:00
parent d84b789458
commit 242e67edaa
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/components/PartitionView.tsx
+3 -3
View File
@@ -5,7 +5,7 @@ import { CursorType, Fraction, OpenSheetMusicDisplay as OSMD, IOSMDOptions, Note
import useColorScheme from '../hooks/colorScheme'; import useColorScheme from '../hooks/colorScheme';
import { useWindowDimensions } from 'react-native'; import { useWindowDimensions } from 'react-native';
import SoundFont from 'soundfont-player'; import SoundFont from 'soundfont-player';
import { AudioContext } from 'standardized-audio-context'; import * as SAC from 'standardized-audio-context';
type PartitionViewProps = { type PartitionViewProps = {
// The Buffer of the MusicXML file retreived from the API // The Buffer of the MusicXML file retreived from the API
@@ -19,7 +19,7 @@ type PartitionViewProps = {
const PartitionView = (props: PartitionViewProps) => { const PartitionView = (props: PartitionViewProps) => {
const [osmd, setOsmd] = useState<OSMD>(); const [osmd, setOsmd] = useState<OSMD>();
const [soundPlayer, setSoundPlayer] = useState<SoundFont.Player>(); const [soundPlayer, setSoundPlayer] = useState<SoundFont.Player>();
const audioContext = new AudioContext(); const audioContext = new SAC.AudioContext();
const [wholeNoteLength, setWholeNoteLength] = useState(0); // Length of Whole note, in ms (?) const [wholeNoteLength, setWholeNoteLength] = useState(0); // Length of Whole note, in ms (?)
const colorScheme = useColorScheme(); const colorScheme = useColorScheme();
const dimensions = useWindowDimensions(); const dimensions = useWindowDimensions();
@@ -73,7 +73,7 @@ const PartitionView = (props: PartitionViewProps) => {
useEffect(() => { useEffect(() => {
const _osmd = new OSMD(OSMD_DIV_ID, options); const _osmd = new OSMD(OSMD_DIV_ID, options);
Promise.all([ Promise.all([
SoundFont.instrument(audioContext, 'electric_piano_1'), SoundFont.instrument(audioContext as unknown as AudioContext, 'electric_piano_1'),
_osmd.load(props.file) _osmd.load(props.file)
]).then(([player, __]) => { ]).then(([player, __]) => {
setSoundPlayer(player); setSoundPlayer(player);