elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-23 11:38:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

hotfix: no sound in ios webkit

Browse Source
This commit is contained in:
Felix Roos 2022-06-19 11:50:00 +02:00
parent ad053361dc
commit 5334abebaa
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
repl/package.json
View File

@ -3,7 +3,7 @@
"private": true, "private": true,
"version": "0.0.0", "version": "0.0.0",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite --host",
"start": "vite", "start": "vite",
"build": "vite build", "build": "vite build",
"preview": "vite preview", "preview": "vite preview",

10
repl/src/App.jsx
View File

@ -14,7 +14,7 @@ import logo from './logo.svg';
import * as tunes from './tunes.mjs'; import * as tunes from './tunes.mjs';
import * as WebDirt from 'WebDirt'; import * as WebDirt from 'WebDirt';
import { loadWebDirt } from '@strudel.cycles/webdirt'; import { loadWebDirt } from '@strudel.cycles/webdirt';
import { resetLoadedSamples } from '@strudel.cycles/webaudio'; import { resetLoadedSamples, getAudioContext } from '@strudel.cycles/webaudio';
evalScope( evalScope(
Tone, Tone,
@ -140,7 +140,13 @@ function App() {
<h1 className={isEmbedded ? 'text-l' : 'text-xl'}>Strudel {isEmbedded ? 'Mini ' : ''}REPL</h1> <h1 className={isEmbedded ? 'text-l' : 'text-xl'}>Strudel {isEmbedded ? 'Mini ' : ''}REPL</h1>
</div> </div>
<div className="flex"> <div className="flex">
<button onClick={() => togglePlay()} className={cx('hover:bg-gray-300', !isEmbedded ? 'p-2' : 'px-2')}> <button
onClick={() => {
getAudioContext().resume(); // fixes no sound in ios webkit
togglePlay();
}}
className={cx('hover:bg-gray-300', !isEmbedded ? 'p-2' : 'px-2')}
>
{!pending ? ( {!pending ? (
<span className={cx('flex items-center', isEmbedded ? 'w-16' : 'w-16')}> <span className={cx('flex items-center', isEmbedded ? 'w-16' : 'w-16')}>
{cycle.started ? ( {cycle.started ? (