Comments (2)
mart-jansink
commented on May 16, 2024
I just ran into the same problem. Luckily, a remark on a older WebKit issue related to createMediaElementSource() (https://bugs.webkit.org/show_bug.cgi?id=211394#c37) gave the solution: the new AudioContext() should be created after e.g. a click event since the play event apparently doesn't count as user input.
from webaudio-examples.
nwang92
commented on May 16, 2024
I see, that makes sense. For others hitting this issue, here's some code I added to make it work.
First add a button:
<body>
<h1>createMediaElementSource example</h1>
<button>Click me</button>
...Then move the entirety of the existing play event handler into a click event handler of the button. Not super intuitive, but it does make the example work on Safari now:
const button = document.querySelector('button');
button.addEventListener('click', event => {
audioCtx = new AudioContext();
// Create a MediaElementAudioSourceNode
// Feed the HTMLMediaElement into it
let source = audioCtx.createMediaElementSource(myAudio);
// Create a gain node
let gainNode = audioCtx.createGain();
...from webaudio-examples.
Related Issues (20)
- change the output on mobile device HOT 1
- python3 -m http.server returns wrong MIME type for javascript files causing samples not to work HOT 4
- Bug: Step-Sequencer Noise Duration 0 causes uncaught DOM exception HOT 1
- [webaudio-examples] Adding a waveform example HOT 2
- Uncaught (in promise) DOMException: The element has no supported sources. line 101 in index.html in audio-basics. HOT 3
- [step-sequencer] The slider inputs to set the envelope of the "Sweep" sound are not working as expected HOT 3
- [step-sequencer] The slider input to set the DTMF rate is not working as expected HOT 3
- Some directories are missing in README.md HOT 2
- Make headers in README.md consistent HOT 1
- Hyperlink methods and objects in directory descriptions to MDN Web Audio API docs HOT 3
- Multi track example could have mixing capabilities HOT 2
- Visualization for OscillatorNode HOT 1
- empty <!-- --> HTML comments in step-sequencer/index.html
- How to preserve an audio's pitch after changing AudioBufferSourceNode.playbackRate? HOT 1
- createMediaElementSource() requires prior call to getUserMedia() using Safari HOT 1
- Violent Theremin example has .DS_store file
- white noise live demo throws error HOT 3
- The element has no supported sources. HOT 4
- Voice-change-O-matic does not work on Safari iOS HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webaudio-examples.