diff --git a/website/src/repl/panel/SoundsTab.jsx b/website/src/repl/panel/SoundsTab.jsx index b7fbb542..aeda4f6d 100644 --- a/website/src/repl/panel/SoundsTab.jsx +++ b/website/src/repl/panel/SoundsTab.jsx @@ -1,7 +1,7 @@ import { useEvent } from '@strudel.cycles/react'; // import { cx } from '@strudel.cycles/react'; import { useStore } from '@nanostores/react'; -import { getAudioContext, soundMap } from '@strudel.cycles/webaudio'; +import { getAudioContext, soundMap, connectToDestination } from '@strudel.cycles/webaudio'; import React, { useMemo, useRef } from 'react'; import { settingsMap, useSettings } from '../../settings.mjs'; import { ButtonGroup } from './Forms.jsx'; @@ -72,7 +72,7 @@ export function SoundsTab() { const onended = () => trigRef.current?.node?.disconnect(); trigRef.current = Promise.resolve(onTrigger(time, params, onended)); trigRef.current.then((ref) => { - ref?.node.connect(ctx.destination); + connectToDestination(ref?.node); }); }} > diff --git a/website/src/repl/panel/WelcomeTab.jsx b/website/src/repl/panel/WelcomeTab.jsx index 8c4e7de6..1e5b48a9 100644 --- a/website/src/repl/panel/WelcomeTab.jsx +++ b/website/src/repl/panel/WelcomeTab.jsx @@ -2,6 +2,9 @@ import { cx } from '@strudel.cycles/react'; import React from 'react'; import * as tunes from '../tunes.mjs'; +const { BASE_URL } = import.meta.env; +const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL; + export function WelcomeTab({ context }) { return (
To learn more about what this all means, check out the{' '} - + interactive tutorial . Also feel free to join the{' '}