3,606 questions
0
votes
0
answers
50
views
Audio captions are not displaying despite switching to SRT
I've been attempting to create captions for my audio. After a lot of searching, it seems srt is best for audio transcripts. After trying that and WebVTT, it's still not showing up. I'm not sure what ...
- 21
3
votes
2
answers
127
views
Is there a way to target a pseudo-element in CSS by its class?
I am looking to construct CSS to target this element...
<input type="button"
pseudo="-webkit-media-controls-play-button"
aria-label="play"
...
0
votes
2
answers
57
views
React Music Player – audioRef.play() not triggered when track changes
I’m building a simple music player in React that uses the HTMLAudioElement via audioRef. I expect the track to auto-play whenever I change currentTrack, but playback doesn’t start (though the UI ...
0
votes
1
answer
81
views
How to enable autoplay for dynamically added audio tag
I am working on live class. Whenever a user unmute mic all the participants receive the audio stream. But audio can't play because of autoplay policy. It works well on desktop browser but not on iOS ...
- 308
0
votes
0
answers
38
views
Safari cannot set playbackRate of audio source when work with MediaElementAudioSourceNode
I write a frontend tool to enhance the audio quality using WASM, but the speed control not work in safari only, Chrome and Firefox is ok. here is my mainly code
// main.ts
// Interfaces and Wasm ...
-1
votes
1
answer
226
views
Why does MediaRecorder.ondataavailable return empty blobs (event.data.size === 0) on some devices?
I’m building a web application that captures microphone audio using MediaRecorder and sends it to the backend for processing. Everything works fine on most devices (desktop and mobile), but on some ...
0
votes
0
answers
46
views
how to play audio in an html5 page when opened in android facebook webview?
I have an html5 application that uses three.js library for some 3d wireframe graphics
and a background music (mp3).
The page works perfectly in chrome.
But If I send to to someone on facebook and they ...
- 9,983
0
votes
2
answers
69
views
How do I make table elements evenly spaced proportionate to the screen width?
I use InPage tabs for my website so I can't use "display: grid;" etc. Or it will show where it isn't supposed to show. I am trying to evenly space each element in the table can someone ...
0
votes
1
answer
42
views
HTML5 Twitching Audio Progress Bar in Safari/Orion, Smooth in Chrome/Firefox
Problem:
About half a second after audio playback starts (in Safari and Orion), the progress bar "twitches", jumping back towards the start momentarily before continuing to progress. The ...
- 11
0
votes
1
answer
84
views
Why won't my audio object play? (Vanilla Javascript)
I'm trying to learn about the web audio API. I have a simple "Recording.m4a" file in my project directory, and I am attempting to load this file into an audio object and then play it on the ...
- 67
0
votes
0
answers
95
views
How to wait for can-play event for playing media
I have a global <MediaPlayer /> in my footer (AppFooter), and songs are played from individual song items in a list.
When I click a play button in the list item, I sometimes get this runtime ...
- 2,529
0
votes
0
answers
31
views
Flask website not displaying HTML audio player
I'm creating a phishing training website with Python Flask and HTML and trying to display an audio file on one of my slides. The audio file is of correct format, I've tested by visiting the URL for ...
1
vote
1
answer
53
views
Audio doesn’t stop playing using <audio> tag in HTML5
I have this HTML code right now that automatically plays an audio after a set period of time:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"&...
- 11
1
vote
1
answer
80
views
Get audio from html5 video tag with muted
I've tried mediaStream Recording API and audioWorkletProcessor API but they both have a issue. If the video is muted by users, they will get nothing. I want to get the audio data no matter the video ...
- 1,063
0
votes
0
answers
43
views
Script in html/js for audio fade and crossfade on iPhone
I created an html file with a javascprit script that allows you to do fade operations between two audio files. The files are played in two players, Player1 and Player2 respectively. On PC/Mac it works ...
- 1
1
vote
0
answers
100
views
Why does my Web Audio API AnalyserNode always return zero frequency data?
I'm experimenting with the Web Audio API to visualize a simple sine wave (A4 at 440 Hz). However, when I try to read frequency data from the AnalyserNode, the array always returns all zero values, ...
- 7,558
4
votes
1
answer
686
views
iOS Safari switches audio output to speakers when starting microphone recording with getUserMedia()
We have a flow in our app where we allow someone to be speaking (microphone) to a bot and the bot is talking back via audio.
It works fine when there is only one device, but if the user wants to use ...
- 58.8k
0
votes
1
answer
56
views
Audio fadeout using exponentialRampToValueAtTime in Chrome or Firefox is not reliable
The following code respects the MDN documentation but results in an abrupt mute instead of a 2-second-long fadeout:
const audioContext = new window.AudioContext();
let oscillator;
let gainNode;
...
- 47.5k
0
votes
0
answers
79
views
Wavesurfer regions plugin as loop not working
I’m trying to create a visible loop using the Wavesurfer library. I’m using it with a MediaElement, and the entire audio control is handled through the Web Audio API. I’ve been struggling with this ...
0
votes
0
answers
79
views
Soundcloud API: delay in audio playing on iPhone
I am using the SoundCloud widget in this game:
https://tuneepuzzle.github.io/play
I haven't been able to make it work properly on Apple products, especially on iPhones. SC.Widget.play() has a delay of ...
-4
votes
1
answer
85
views
Why Click event does not work in audio tag [duplicate]
I want to fire a function name shake dots when clicked in audio apparently it does not fire here is the code
<div class="lyric-word">
<span class="sho"...
- 23
2
votes
3
answers
136
views
HTML audio element currentTime property too high on mobile and Safari
I am developing a website with VoIP. I am setting the srcObj property of an audio element with the MediaStream of the user at the other end of the line (using PeerJS). I am also showing the time since ...
- 111
1
vote
2
answers
92
views
How to use an HTMLAudioElement controls to play the content of an AudioBuffer?
Considering the requirement of this function signature:
function initPlayer(player: HTMLAudioElement, buffer: AudioBuffer): void;
I'm looking for a way to control the AudioBuffer playback using the ...
- 53.8k
2
votes
1
answer
57
views
Problems with Javascript audio controls for multiple audio files on one page
Web dev turned voice actor here! I'm working on my personal site for the latter, and have been running into a lot of issues around setting up custom controls for audio files. I'm loading my audio ...
- 23
0
votes
1
answer
92
views
Audio tag html doesn't play sound when clicked on IOS
I'm in Blazor server and when I click on my audio tag, it doesn't play any sound. But when I click it on Android or on Windows PC, it works well.
This is my code:
@if (Question.Parcours.Type == ...
- 61
0
votes
1
answer
112
views
Replace silence in audio using ffmpeg.wasm
I have a use case where I have to shorten silences which are longer than 2 seconds and shrink them to 1 second in ffmpeg wasm
I can remove silences which are longer than 2 seconds but couldn't shrink ...
- 2,928
1
vote
1
answer
116
views
Loading Audio Text Tracks programmatically
From the WebVTT API docs
A text track and cues can be defined in a file using the WebVTT File
Format, and then associated with a particular <video> element using
the <track> element.
...
- 1,005
0
votes
0
answers
53
views
Why my music using Web Audio API sounds weaker?
Only on mobile chrome, the speaker is set to phone call during playing a music. I figured out this is because of gainNode. But gainNode is important for looping without gap and etc. I don't want to ...
0
votes
1
answer
47
views
Audio playing onload and not onclick (involves webpack)
I'm making a note sequencer web application and I am currently trying to implement the function of playing a note on pressing a button corresponding to the note. I am currently using a test sound to ...
-1
votes
1
answer
258
views
Audio doesn't play in Remotion and Nextjs
I am working on a youtube shorts automation website with remotion and nextjs and i am working a message story type videos and there are messages that are said by tts, but only the first audio can be ...
- 1
1
vote
0
answers
49
views
Audio Not Playing in Mobile Chrome at 100% Volume, but Works at 99%
In mobile Chrome, I'm experiencing an issue where audio does not play through headphones when the volume is set to 100%. The sound is playing but is not outputting to the headphones. However, if I ...
- 717
0
votes
0
answers
70
views
Dynamically loading audio from the backend and playing it on the website
There is a website, it is connected to the OpenAI Speech API on the server, the server accepts a POST request from the frontend, which contains the text that needs to be voiced, the API voices it and ...
- 17
0
votes
0
answers
21
views
How capture esc keydown event while audio element captures it [duplicate]
As you can see in this demo
<audio controls src="/media/cc0-audio/t-rex-roar.mp3"></audio>
When you click on the play button and then hit the escape key, the audio elements ...
- 29.6k
0
votes
1
answer
152
views
Playing an audio file before it is fully loaded on the JS page
I'm currently working on the ability to voice text at the click of a button. I have a button that should play text when clicked. I get the audio file through the API after the click, everything works ...
- 17
0
votes
0
answers
89
views
How to wait for media element source to actually update with Async/Await?
I am using vanilla JS, webaudioAPI and canvas elements to create an audio visualizer.
When I update the audio element src with javascript, I need the audio element duration property to update two ...
1
vote
1
answer
225
views
HTML5 enable Previous/Next track when playing Video/Audio [duplicate]
I'm trying to build a custom video player with HTML/JS. I've already made two buttons that will load the previous/next track by using <button> tag. However, I want the system to recognize that ...
user27521541
1
vote
5
answers
189
views
Disable `audio` html tag
I have an html audio tag in my project, which in some situation I need to disable.
In order to do it I apply the following css by adding disabled class to the audio tag:
audio.disabled {
pointer-...
- 6,020
-1
votes
1
answer
107
views
Simple HTML5 Player with only Play & Volume
Any idea on how to make Simple HTML5 Player with only play & Volume? This will control a stream that I do not want anyone to be able to rewind. Only stop/start to play from where the stream is now,...
1
vote
1
answer
278
views
Fast loading of audio WaveSurfer and PeakJs
I have this implementation where the backend strams audio files. And I want an approach that enables fast loading and playing of the audio file : Everything works as intended but there seem to be ...
- 13
0
votes
1
answer
76
views
How to autoplay an audio even when the page is not active
Have a list, in which the names of the songs I want to play are placed in an order...when I have to play the next one, my function gets the currently playing song's index, and plays the next one in ...
2
votes
0
answers
68
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 ...
- 21
0
votes
0
answers
146
views
Styling HTML5 audio player hover issues
sorry i know this might be a bit of a duplicate post - but im desperate!
I am trying to style the HTML5 audio player for a laytheme / wordpress website and getting stuck with some unwanted hover ...
- 1
1
vote
1
answer
110
views
HTML5 Audio player in R Shiny app goes to beginning of track when setting currentTime
I have created an audio player using R shiny which creates an audio player like this:
tags$audio(
src = "song.mp3",
type = "audio/mp3",
controls = "controls&...
- 385
0
votes
0
answers
35
views
Play video with audio automatically like youtube [duplicate]
I've done extensive research, and what I've found so far is that, according to Chrome's policies (as well as most other browsers), it's impossible to play a sound on a website without user interaction ...
- 87
0
votes
1
answer
179
views
How to convert each audio stream chunk to mp3 or wav or webm? Audio is not playing for all chunks except first one
I have an usecase where each chunk of audio stream is being sent to server for transcription, but except first chunk every other audio chunk(blob) are not working.
So I did a small prototype to see if ...
- 129
-2
votes
1
answer
50
views
Error when adjusting the volume of an audio tag with a range slider [closed]
I get Uncaught DOMException: Index or size is negative or greater than the allowed amount when adjusting the volume of an tag with a range slider.
I tried using this code:
function ppayVolume(){
...
1
vote
0
answers
98
views
How can I play Widevine encrypted audio in the browser?
I already have everything set up (license, server certificate, media keys, all of that)
I just want to load the entire file into an audio element and have it work.
I can barely even find any ...
- 11
2
votes
0
answers
71
views
How to know when <audio> is clicked
In my React code I have this audio:
<audio
ref={audioRef}
className={'d-flex flex-grow-1'}
style={{ height: '30px', width: 'calc(100% - 50px)' }}
src={source}
controls={true}
autoPlay={...
- 3,277
-1
votes
1
answer
156
views
Exception has occurred. FlutterError (Unable to load asset: "assets/assets/audio/ontheroad.mp3". The asset does not exist or has empty data.)
why am i havng this error Exception has occurred. FlutterError (Unable to load asset: "assets/assets/audio/ontheroad.mp3". The asset does not exist or has empty data.)
import 'package:...
0
votes
1
answer
208
views
Howler.js: How to resume audio playback from paused position instead of restarting from beginning?
I'm using Howler.js to play audio files in my web application. I have a play and pause button, and when I click the pause button, the audio pauses correctly. However, when I click the play button ...
- 21