Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
14 views

MediaRecorder not firing event

I've been trying to get the data from the media stream of a microphone when a user speaks into it. My goal is to continually send that data over to a web server as until the user closes the mic by a ...
Formula12's user avatar
  • 395
0 votes
1 answer
8 views

Is there a way to restart the Web Audio API oscillator from the beginning each time a button is clicked?

I am in the process of building a kick drum synthesizer through the use of Web Audio API. I have managed my button to run a function which generates a sine wave with both pitch and gain sweep, yet the ...
Alp Seyrekbasan's user avatar
0 votes
0 answers
20 views

Playing audio with web audio api

I followed some tutorials to make the audio play automatically when certain conditions are met. However, the audio does not play automatically. Here is my code. Parts_Request_Display_Servlet.java ...
김민지's user avatar
1 vote
0 answers
19 views

How to achieve both exact timestamps and pitch preservation when changing playback speed in web audio?

I’m working on a web app where I need to load audio with two key requirements: Exact timestamp alignment: I need precise control over timestamps for synchronization and tracking purposes. Pitch ...
Zach Fish's user avatar
0 votes
0 answers
22 views

Changing the playback rate in Wavesurfer on iOS produces choppy, glitchy sound

Description of the issue My simple set up to let the user change the playback speed in Wavesurfer works like a charm on my computer (Chrome, Monterey, MacBook Pro), but it breaks on my mobile, when ...
JlnK's user avatar
  • 95
1 vote
0 answers
22 views

Audio crackling using an audio worklet

I'm working on an audio/video application using WebAssembly and I'm encountering issues with sound playback. I capture audio from the microphone via getUserMedia, and I've created a proof of concept ...
Thierry GAYET's user avatar
0 votes
0 answers
34 views

Block Web Audio API in JS

I have problem with this notification when I play my game HTML5 made with construct 3 in android browser . When the game starts, the sounds play in the background even when I exit the browser. I tried ...
mohaaa tahiri's user avatar
0 votes
0 answers
10 views

createMediaElementSource doesnt accept audio element - parameter is not of type 'HTMLMediaElement'

I am trying to analyze remote wav file contents. Sound plays fine, but if I want to analyze it, I keep getting error: Uncaught TypeError: Failed to execute 'createMediaElementSource' on 'AudioContext':...
Ulterior's user avatar
  • 2,860
0 votes
0 answers
21 views

How to properly record and send audio data from react to backend

I want to send audio data from react in a interval of approx. 10sec to my flask backend. Here is my code, it is working but music format is not write. React Code: useEffect(() => { socket....
MacY's user avatar
  • 9
0 votes
0 answers
35 views

Toggling audio in React without re-rendering component

I have built a game using React (and Matter JS and p5.js). It mainly has 2 variables, score (increments everytime goal is hit) and timer (decrements every second). I want music to play in the ...
Worker1432's user avatar
0 votes
0 answers
26 views

Stereo microphone not recognized as 2 channels on Chrome for Android

I used a stereo microphone and processed the 2-channel sound with Web Audio API. On the Windows PC version of Chrome, I was able to record the sound as 2 channels.(Chrome 127.0.6533.122) When I used ...
G G's user avatar
  • 1
0 votes
1 answer
65 views

Render audio from Firebase storage with MediaElementAudioSourceNode

I have a react audio component library (https://github.com/clxrityy/react-audio). When rendering audio from an external source (such as a firebase storage URL) normal <audio /> component, it ...
clxrity's user avatar
  • 327
-1 votes
0 answers
27 views

Web Worker in react, not doing anything inside the onmessage method

I am trying to make a metronome where i want a web worker to run the set interval method for me while in the main thread i schedule the beats to hit at the right time using scheduling of web audio api....
Raj Jayavant's user avatar
2 votes
1 answer
101 views

Latency issue - How to perfectly sync audio beeps (using Web Audio API) and visualization (using canvas + requestAnimationFrame)?

I use an audioContext = new AudioContext() of the Web Audio API for scheduling beep sounds for every beat (relative to a user-defined bpm and time signature) - let's call this stack of beeps "...
vuelicious's user avatar
2 votes
1 answer
34 views

Audio API Not Playing on Mobile Devices in Next.js Application

I'm working on a Next.js application that includes playing audio using the HTML5 Audio API. It works perfectly on desktop browsers, but I'm encountering issues when trying to play audio on mobile ...
َAbolfazl agajanzadeh's user avatar
0 votes
0 answers
18 views

Controlling the gain of the reverb through a Midi controller

I wrote this code to control a web application through a Midi controller. A button on the web interface plays a sample. A reverb (created with .createConvolver() method) is added to the sound of the ...
Matteoo's user avatar
0 votes
1 answer
58 views

Why: my javascript functions do not trigger errors with audio elements loaded from HTML but do with audio elements added programmatically

Background Stuff that's always worked fine I've got a series of automatically generated HTML pages that can have anywhere between 24 and 180 (or more) audio elements loading separate audio files. Each ...
DevinG's user avatar
  • 539
0 votes
0 answers
31 views

How can I ensure that the audio plays through the connected Bluetooth device on iOS?

I'm developing a React component for audio playback in a chat application. The component works well on Android devices, but I've encountered an issue on iOS devices. When connecting Bluetooth headsets ...
Rutvik D Mehta's user avatar
1 vote
0 answers
24 views

Can't recognize audio file in Flask backend

I am having difficulty processing an audio blob I am sending to a Flask backend. I want to process the blob into a mel-spectrogram using librosa/pydub, but I get the following errors: ERROR:root:...
Lan Do's user avatar
  • 150
1 vote
0 answers
52 views

Initialize a frame of PCM audio data using AudioData for encoding into Opus format with AudioEncoder

I use WebAssembly to implement the libopus encode method in the browser, encoding PCM audio data into Opus format frame by frame in real-time, and it works very well. However, when I set the same ...
luzka's user avatar
  • 11
0 votes
0 answers
92 views

setSinkId Not Working in Microsoft Edge on Windows 11

I'm working on a web application that requires assigning different audio output devices using setSinkId in Windows 11, but I'm encountering an issue where the audio always defaults to the system ...
yash bhaje's user avatar
0 votes
1 answer
102 views

Web Audio API - "EncodingError: Decoding failed" on IOS only when decoding mp3 chunks

I'm streaming mp3 chunks that are generated by a 3rd party to the browser via socket io. The audio format is mp3 with 44.1kHz sample rate at 192kbps. I'm using standardized-audio-context (https://...
Royi Bernthal's user avatar
-1 votes
1 answer
53 views

Error playing audio: PlatformException(WebAudioError, Player has not yet been created or has already been disposed., null, null)

Im making a mobile flutter project, this is a opening page of my project, it contains a short videop opening and audio. but the audio won't playing. only the video. and at my terminal says Error ...
Omega's user avatar
  • 1
0 votes
0 answers
25 views

How do I add a recording and a mp3 together

Alright so I am building a website where you listen to an audio and can talk into it. The talking is being recorded as seem in the code. navigator.mediaDevices.getUserMedia({ audio: true }).then(async ...
Max Raider's user avatar
0 votes
2 answers
270 views

AudioWorkletProcessor playing streamed audio sounds scrambled

I'm trying to play in the browser audio that's streamed from my backend to simulate a real-time voice call, in a way that's compatible with all the relevant browsers, devices, and OSs. The audio ...
Royi Bernthal's user avatar
0 votes
0 answers
37 views

Fixing DOMException: HTMLMediaElement Already Connected to a Different MediaElementSourceNode in JavaScript Audio Player

The issue arises when clicking the nextBtn and prevBtn in JavaScript audio player. When navigating through different audio tracks using the next or previous buttons, when the arrIndexCount reaches 0, ...
Hriddha Pratim's user avatar
1 vote
0 answers
123 views

Audio recording in front-end

I create a Vue application (using Vue 3.4.21). I am interested in allow user to record an audio, and managed to create a component that does it, and saving it to local user machine. Here you can see ...
guyaloni's user avatar
  • 5,686
0 votes
2 answers
33 views

Web Audio API gain does not mute and panner does not pan audio completely to one side?

I found some people with similar problems online, especially with regards to gain, but I can't figure out why this is happening, especially since I think I followed the official MDN docs to the T. (...
Worker1432's user avatar
0 votes
0 answers
37 views

any other way to play audio in browser using reactjs other than using DecodeAudioData?

So basically from the server using websocket I am receiving chunks of audio data in the form of ArrayBuffer, so the DecodeAudioData api is not able to decode partial audio into sound, so I was ...
Harsh Singh's user avatar
0 votes
0 answers
18 views

Using the web audio API to create a mouse click sound

I am trying to make a mouse click sound using the web audio API but it's so hard to understand how the different waves actually produces sounds. Here's my attempt at it which failed. const ...
Jun Wen Soh's user avatar
0 votes
0 answers
34 views

Web Audio API: Occasional Skipped Audio Chunks When Playing Real-Time Stream in VueJS App

I'm working on a VueJS web application that receives audio data through a WebSocket and plays it in real-time using the Web Audio API. The audio data is sent as base64-encoded chunks which I decode ...
Humming_Bird's user avatar
0 votes
0 answers
49 views

Sync Audio with Video in react

I have an audio file of .3 seconds and video. I want to sync audio with video. Whenever video plays audio plays in a loop. whenever we change the playback rate of the video, the audio's playback rate ...
Muneeb Aslam's user avatar
0 votes
1 answer
150 views

Using Speech Synthesis and Web Audio API to visualize text-to-speech

I am trying to create an audio visualizer that takes the text-to-speech and visualizes as it is being spoken. I was able to use this as a baseline to start with. I have sucessfully implemented a text ...
mmax781_'s user avatar
0 votes
0 answers
16 views

How animate with audio visualisation (WEB AUDIO API) in Safari from streaming media element?

I have audio stream in my web application. Need animate dataArray from analyser, but in Safari it is back by getByteFrequencyData() zero array. I know it is bug. But is the another way paining from ...
Albina Shevchuk's user avatar
0 votes
0 answers
22 views

WebAudio API Changing gain causes audio to stop

const LiveAudioProcessor: React.FC<LiveAudioProcessorProps> = ({ audioFiles, rpm }) => { const [isStarted, setIsStarted] = useState(false); const audioSourcesRef = useRef<Map<...
Oliver Jackson's user avatar
0 votes
1 answer
92 views

How Can I Store AudioBuffer Without Increasing Memory Usage?

I'm working on a web application that processes audio using the Web Audio API. I need to store AudioBuffer objects for later playback, but I’m concerned about memory usage, especially when dealing ...
َAbolfazl agajanzadeh's user avatar
0 votes
0 answers
26 views

How do I fix jittery audio playback of my guitar? - Angular front-end, using WebAudioApi

I am trying to implement real-time playback of my guitar on my Angular front-end (trying to make a web guitar amp). However, the audio that I am getting is extremely jittery and seems to randomly cut-...
victor's user avatar
  • 1
0 votes
0 answers
28 views

How do I add reverb on a recording?

Alright so I dont know much about Web Audio API and I was just ask to fix the Code. Right now I am able to record something and after that play it. It also has reverb on it. BUT my problem is that ...
Max Raider's user avatar
0 votes
0 answers
134 views

WebRTC: Is there a way to capture the output audio from another application (e.g., google meet, zoom)?

Web App to record both input and output audio from conversations. For this app I'm using WebRTC media devices. Scenario: User opens the web app and starts recording. User starts a conversation in ...
manga's user avatar
  • 64
0 votes
1 answer
69 views

Can I stream audio from Spotify from an authenticated user to another user which is not authenticated with Spotify? (Web/React)

I have this feature that is crucial for our product. It is a platform where two types of users(healers and clients) meet and have a spiritual session together. We would like to let the 'healers' ...
Vasko Jovanoski's user avatar
2 votes
1 answer
86 views

Firefox: arrow key does not count as user gesture, so cannt play AudioContext

I'm writing a game where the player interacts using the arrow keys, which can produce audio. This works in all browsers, except Firefox. Firefox does not seem to count the arrow keys (ArrowUp, ...
Xenxier's user avatar
  • 471
0 votes
0 answers
43 views

Changing BPM of an MP3 File in Tone.js Using a Slider

I'm working on a university project that involves manipulating audio files using the Tone.js library. I'm a beginner in both music and Tone.js library, so I'm hoping for some guidance on how to ...
andreab16's user avatar
1 vote
1 answer
60 views

Web Audio API: how do I play audio from a DASH stream without audio artifacts?

I am trying to play audio from https://dash.akamaized.net/akamai/bbb_30fps/bbb_30fps.mpd using a custom player. The player I have does the following: Downloads and decodes each segment of audio one ...
ipartola's user avatar
  • 1,640
0 votes
1 answer
34 views

Delays in Playing Sound in Javascript, with jspsyche Plugin (jspsych-libet)

I am experiencing delays in playing a beep tone using the jspsyche plugin called jspsych-libet for my experiment. The timing of the sound is crucial, but I have observed delays of up to 400ms. These ...
AmirAli Saghaei's user avatar
0 votes
1 answer
58 views

Gating left channel when right channel is above a certain volume using AudioContext

In my chrome extension, I am using AudioContext and AudioNode to merge two streams into a single stream, where one is on the left channel and the other on the right channel. I'd like to also gate (...
Mustafa Shabib's user avatar
0 votes
0 answers
28 views

Tone.js pattern "Progress" value not progressing from 0 to 1 properly

I'd like to adapt this official example on the Tone.js website to include a vertical line that indicates the current progress of the loop, as opposed to just highlighting the current note. (Think of ...
Aptary's user avatar
  • 49
0 votes
3 answers
610 views

Problems using Azure speechsdk.transcription.ConversationTranscriber on backend to process data from web app

I am trying to implement flow as follows: JS web app continuously captures audio using WebAudio API (getUserMedia, which is then processed MediaRecorder) single channel audio is being sent ...
MaciekT's user avatar
0 votes
1 answer
178 views

Capture Microphone in the Background?

I'm working on an audio recorder project - capturing voice notes, that kind of thing. So far, it works and the audio is recorded, then appended to an audio tag on the page for immediate playback ...
Luke's user avatar
  • 1,171
0 votes
0 answers
29 views

Tone.Transport.clear(eventID) is not removing the corresponding audio from the timeline

I'm using ToneJS to create an AudioPlayback component in React. Each audio snippet I want to play is loaded into a buffer in the beginning. When I want to schedule audio at a time, I create a new ...
user24441192's user avatar
0 votes
1 answer
79 views

How to get AudioBuffer data from an HTML video element (MediaElementAudioSourceNode)

update: It turns out my videoElement did not contain the true video. Even though the YouTube video was playing, videoElement did not get any events like play or timeupdate (or any of the video data). ...
Leftium's user avatar
  • 17.8k

1
2 3 4 5
53