Questions tagged [html5-audio]
The audio element is used to embed sound content in an HTML or XHTML document. The audio element was added as part of HTML5.
html5-audio
3,606
questions
0
votes
0
answers
30
views
Larger audio files fail to buffer/play on iOS
I am using a VPS server to host audio files and most of the files work as expected (most files are up to 30 minutes long audio files), but when a audio file is longer, for example 1 hour and 30 ...
0
votes
1
answer
27
views
error referencing extendable-media-recorder using jsdelivr
my goal is to record audio and upload the audio as mp3 to firebase ;
i started following this : https://franzeus.medium.com/record-audio-in-js-and-upload-as-wav-or-mp3-file-to-your-backend-...
0
votes
0
answers
25
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 ...
- 5,492
0
votes
0
answers
11
views
Voice Chat web app using Socket.io in Nextjs
I am unable to play the audio stream recieving from socket. I am capturing audio and and emitting the stream as a Blob.
"use client";
import socket from "@/socket-io";
export ...
- 67
0
votes
0
answers
20
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 ...
-1
votes
0
answers
21
views
Sound in browser cuts off audio that is playing in the background
In my app, we have an Audio element and when a message is received, we invoke play.
Everything works as expected. However in the case that there is music playing in the background, such as Spotify or ...
- 6,222
0
votes
0
answers
16
views
Audio not playing in Asp.net MVC
I'm having issue on playing audio in asp.net. I have
@if (ViewBag.First != null && ViewBag.First)
{
<audio id="welcome" autoplay="autoplay">
<source src=&...
- 73
-2
votes
1
answer
55
views
HTML audio element is disabled even though src is correct
I have an HTML audio element with src pointing to a valid URL, but the audio element is greyed out and disabled. Right next to the audio element, I have a link that goes to directly the src URL, which ...
- 1,418
0
votes
0
answers
24
views
Wavesurfer.js - looking for a way to split channels but also to be able to manipulate each channel
Im using wavesurferjs library to handle my waveforms. https://wavesurfer.xyz/
What Im trying to do now is to stack a couple of waveforms on each other, or just simply render a couple of channels in ...
- 774
0
votes
2
answers
41
views
How play audio in Javascript before calling Alert using two functions in an onclick event?
We create buttons dynamically in Javascript or code-behind for all buttons in a web application... thousands of them throughout the application. Part of that build is the onclick=somefunction() part. ...
- 1,344
0
votes
0
answers
14
views
Audio File Embedding in a Go High Level Website
Has anyone successfully embedded an audio file in a website built in Go High Level? What format file did you use? Does it auto play and loop? I've tried to embed all kinds of HTML codes and file ...
0
votes
1
answer
66
views
How can I play a gsm file in the browser
I have a (voicemail) .gsm file that I need to play in the browser. Html5 does not support .gsm files. How can I play it so the user can hear his voicemails?
The .gsm files I used to get from a specic ...
- 1,616
1
vote
0
answers
91
views
How to make `HTMLAudioElement` download audio file in chunks?
I'm wanting the browser to reduce the amount of an audio file that is downloaded at a time.
I'm writing a custom music server with a rust backend. When the URL of an audio element is set, the browser ...
- 58
-1
votes
0
answers
26
views
RDWeb HTML5 Web Client
I'm experiencing some issues with the mic while using RDWebClient to connect to my PC. Initially, I was on version 1.0.26, but the session would freeze whenever I tried using the mic, and the mic ...
1
vote
0
answers
133
views
Issue with Audio Tag Actions Displaying Incorrectly in Google Chrome 125.0.6422.112
For the Google chrome version 125.0.6422.112, We are facing an issue with audio tag in our portal i.e if we click the actions functionality (three dots) for a specific audio tag, it show the options ...
0
votes
1
answer
38
views
Is there a reason why my loop, autoplay (no controls/ buttons) audio not work? HTML5
What I've seen for what I want, loop autoplay with no buttons, should be:
However, this does not work. Currently, I'm taking a "programing" class and what the games I have modded so far does:...
- 1
1
vote
0
answers
31
views
I'm getting "Sample rate must be 8k, 16k, 32k, or 48k" error in webRTC VAD project
I'm making a video translator tool which translates a youtube video when yt video link is given to them I'm downloading yt videos using yt-dlp, and using huggingface whisper:
ydl_opts = {
...
- 11
0
votes
0
answers
33
views
Best ways to stream audio on a client
I am new to the the audio world in both the frontend and backend. My goal is to use the Open AI API to convert text in the client into audio that is then played when the user clicks the text and i am ...
- 1,059
2
votes
1
answer
148
views
HTML <audio> context menu position
Don't know if it's a bug related to Chrome and Edge or something wrong with the HTML, but the context menu for audio controls, when html contains multiple controls, always open attached to the latest ...
- 1,425
0
votes
0
answers
49
views
skip forward and backward 10 seconds html Audio, JavaScript function not working on Opera And Chrome
I ran into an issue with a project that I'm currently working on, I made a function to skip forward and backward 10 seconds like on YouTube for an html audio player, on browsers like Firefox, Safari ...
0
votes
1
answer
42
views
Why does my <audio> not autoplay when I refresh the page? [duplicate]
I have 2 audio tags, with the first one working fine (the audio tag associated with the button) and the second tag simply not working whenever I refresh the page or just not work at all. Is there ...
0
votes
1
answer
37
views
why won't this html5 audio wav file work in Safari?
Not sure why this isn't working... Works in Chrome fine but Safari won't play it at all.
<audio controls loop>
<source type="audio/wav" src="https://www.dropbox.com/s/33wzzsmpe6a94l4/...
- 3,932
0
votes
0
answers
25
views
Save AudioBuffer from Tone.js to webm
I'm getting a ToneAudioBuffer from Offline rendering of audio (I'm taking voice narration and adding a pre-defined set of effects)
There doesn't seem to be any documentation of how to turn that into a ...
- 8,393
0
votes
1
answer
59
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' ...
0
votes
0
answers
23
views
Error playing audio: DOMException: The element has no supported sources
I'm working on a project where I'm capturing audio from the user's microphone using getUserMedia and sending it to a server via WebSockets. The server then broadcasts this audio to other users. ...
- 45
0
votes
1
answer
58
views
MediaRecorder not Initializing Correctly for Real-time Audio Broadcasting
I'm working on a project where I need to implement real-time audio broadcasting from an admin to multiple users. While researching, I found examples using WebRTC and Socket.IO
My current setup ...
- 55
0
votes
0
answers
46
views
JavaScript Audio Streaming: CHUNK_DEMUXER_ERROR_APPEND_FAILED: RunSegmentParserLoop: stream parsing failed
Please I am building a chatbot and the Audio format is WebM Opus ... I am using a websocket to stream the audio chunks (after the response as been synthesized to speech) to my client js where I then ...
- 1
0
votes
1
answer
42
views
Problem with getting audio duration from blob in Chrome, Safari
I try to record audio and get the duration of the audio from blub using loadedmetadata event in Promise. It works well in Firefox. But Chrome returns duration as Infinity. iPhone cannot even load ...
- 678
0
votes
1
answer
41
views
Firebase storage mp3 does not load on safari for ios
No matter what I do, I can not get an audio file from Firebase storage to play on the safari browser for ios. I have read questions and answers from 12 years ago that tell me to write the mimeType in ...
1
vote
1
answer
58
views
html audio player progress bar style
A simple question,
Is there a way to change the background color of the HTML5 audio progress bar using CSS and WebKit Properties
- 190
1
vote
1
answer
56
views
How to pause the previous audio when I play a new audio in React?
When I click on the 'PlayCircleFilled' icon the audio plays perfectly, the problem is that if the user clicks on different 'PlayCircleFilled' icons all the audios are played at the same time.
What I ...
- 35
0
votes
0
answers
30
views
How can I reload the HTML audio player cache every time I press a button?
I have a created wav file called in.wav that is made every time the user presses a button. However, the audio play does not recognize the new in.wav until after a random amount of time. I want the ...
- 1
0
votes
1
answer
29
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 ...
- 861
0
votes
0
answers
74
views
Getting audio response from a flask server in a simple streamlit app
I am trying to test a simple 'streamlit' app using a flask server to autoplay a text to speech audio. In this example, I have a streamlit front end with only one chat input. When a prompt is input, I ...
- 101
0
votes
0
answers
21
views
Playing multiple audio tracks at the same time
I am having trouble attempting to create properly working audio for my game. The audio seems to be just fine when just the music is playing, but when the game initiates a sound effect, it can be ...
- 58
-1
votes
1
answer
65
views
Fix HTML Autoplay issue. Does not work with JS or when muted attribute is applied
I've been trying to add background music to my website for months now, it used to work using an iframe and embed YouTube but that doesn't autoplay anymore.
I've been looking up this issue all morning ...
0
votes
0
answers
21
views
Audio files created via new Audio object in vanilla JS are played with 2 seconds delay
I'm trying to solve the problem with my audio files delay. All files are very light - weighted (25-55kb).
I've created basic battleship game to play against computer and for more pleasant experience ...
- 1
0
votes
0
answers
18
views
In samsung tizen tv apps, sometimes set current time for audio html is not working
I am developing audio player for tizen tv apps using audio html5, some times set current time not working with no error.
it is returning mp3 audio back to 0
is audio html5 the correct player for mp3 ...
0
votes
0
answers
50
views
How can I obtain and display the Album cover art image of an mp3 file in React js?
I am a beginner learning react, and recently ran into an issue while coding. I want to create a simple audio player app that can fetch mp3 files from a folder and play them, as well as display the ...
0
votes
0
answers
41
views
MediaRecorder API - call .requestData multiple times to create multiple audio blobs
I'm trying to create a simple frontend microphone using the MediaRecorder browser API that only requests user's permissions once - the first time they click the "start recording" button.
To ...
- 496
0
votes
0
answers
23
views
Safari Audio Issues
I'm developing a music website and it's working perfectly on every device besides an iPhone. After looking around the internet im seeing all this stuff about autoplay restrictions and requiring a user ...
0
votes
0
answers
53
views
How to Dynamically Simulate Microphone Input Using Puppeteer and Virtual Audio Devices
I'm currently working on a script utilizing Puppeteer, aiming to simulate audio as microphone input. My approach involves creating an element and attempting to capture its stream for use as ...
0
votes
1
answer
92
views
Safari not playing audio files stored on google cloud
I have a GCP bucket where feedback from people is saved in blob and flac file. On every browser, audio files work but safari doesn't play it.
I have tried changing the order of the audio source tag ...
- 3,168
0
votes
0
answers
25
views
Clicking the current audio button doesn't pause the previous audio that was already being played
import React, { useState, useRef } from 'react';
const PlayAudio = ({ content }) => {
const [isPlaying, setIsPlaying] = useState(false);
const [previous, setPrevious] = useState({})
...
1
vote
1
answer
184
views
Is there a way to convert a blob with MIME type 'audio/wav' into a WAV file?
I am building an electron app that requires recording audio and saving it in the directory of my main.js. I got the recording as a blob and then turned it into an array buffer in order to send it to ...
- 21
0
votes
1
answer
69
views
Does howler have a way of notifying given an interval?
Wondering if Howler JS has a way of notifying every second? This would be used to update a state variable that tracks how long a song has been playing for. One way to do it is like this:
var sound = ...
- 45.2k
0
votes
1
answer
39
views
Audio tag on Iphone (Safari)
I am making a barcode scanning web application. I chose QuaggaJS as barcode scanning library. I want to play a beep sound when the barcode is scanned. I have used audio tag and using JQuery to play ...
- 121
0
votes
1
answer
55
views
Is this a correct way of using the Web Audio API? (slight sound artifacts)
I put together a function that plays some tones, however, I can hear from time to time some weird artifacts. I'm new to the Web Audio API, and I don't know if I'm doing things correctly. I'd ...
- 2,617
0
votes
0
answers
23
views
Playing Blobs in html5 audio causing interruptions
I have two audio players on my page. I want to download mp3 and play as blobs. When I'm loading first blob to first player everything is ok. When second mp3 is downloaded and loaded to second player ...
- 742
2
votes
0
answers
83
views
preserve phase when using WebAudio’s AnalyserNode
I'm trying to draw an oscilloscope style visualization using getByteTimeDomainData featured in this guide : https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/getByteTimeDomainData
I would ...
- 3,523