html5-audio

How to record and playback within browser (html 5 audio)

由 纵饮孤独 提交于 2021-02-07 20:50:49
问题 I'm building a simple html component that will allow a user to record a message and then immediately play it back. The aim is to allow them to discard the recording if they don't like it before saving the recording. The messages will be less than 60 seconds. So I have a UI that allows me to record audio into an array of AudioBuffers. I'm now trying to push those buffers back into a second audio control so a user can play the recording back. Here is a codepen. This is the core playback

How to record and playback within browser (html 5 audio)

由 拥有回忆 提交于 2021-02-07 20:50:43
问题 I'm building a simple html component that will allow a user to record a message and then immediately play it back. The aim is to allow them to discard the recording if they don't like it before saving the recording. The messages will be less than 60 seconds. So I have a UI that allows me to record audio into an array of AudioBuffers. I'm now trying to push those buffers back into a second audio control so a user can play the recording back. Here is a codepen. This is the core playback

How to send AJAX POST request and play the audio in the response?

由 人盡茶涼 提交于 2021-02-07 04:16:31
问题 I am building an app where the user can click a button, and it sends data to the server. The server then computes audio based on the data in the request (most likely a POST), and returns a WAV file to the browser. I have already built the part with accepting a post request and responding with the wav file, but I can't figure out how to send the request in JS and to play the response to the user. Also, the playing of the audio must start (almost) as the first byte comes in, as the audio files

How to send AJAX POST request and play the audio in the response?

由 半城伤御伤魂 提交于 2021-02-07 04:14:13
问题 I am building an app where the user can click a button, and it sends data to the server. The server then computes audio based on the data in the request (most likely a POST), and returns a WAV file to the browser. I have already built the part with accepting a post request and responding with the wav file, but I can't figure out how to send the request in JS and to play the response to the user. Also, the playing of the audio must start (almost) as the first byte comes in, as the audio files

multiple html5 audio players play control

由 蹲街弑〆低调 提交于 2021-01-29 16:05:44
问题 I have multiple HTML5 audio players on my page, the problem is that when I play both of them they play simultaneously overlapping each other's sound. Basically what I want to do is that one player is playing and another is clicked for play the previous one stops playing. Following is my html <div> <audio controls="controls"> <source src="./public/audio/tiesto.mp3" type="audio/mpeg"> </audio> </div> <div> <audio controls="controls"> <source src="./public/audio/123.mp3" type="audio/mpeg"> <

HTML5 audio tag - Handling of m3u8 in chrome/firefox

由 橙三吉。 提交于 2021-01-29 01:41:55
问题 I'm facing issues with m3u8 playlists on chrome and firefox (edge works like a charm) I'm trying to send data converted with ffmpeg the line I use for conversion is the following making the m3u8 file at same time: ffmpeg -i .\european-anthem-2012.mp3 -c:a aac -b:a 64k -f segment -segment_time 15 -segment_time_delta 3 -segment_list_type m3u8 -segment_list playlist_aac.m3u8 outfile_aac-%03d.aac As destination formats I've tried also mp3: -c:a mp3 -b:a 64k and vorbis: -c:a libvorbis -b:a 64k the

Outline html5 audio element

由 房东的猫 提交于 2021-01-28 09:50:38
问题 I have disabled the browser outline from showing because I'd like to implement my own that's always there - not just when the audio element is clicked. .audio-player { display: block; width: 50%; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 500px) { .audio-player { display: block; width: 100%; margin-left: auto; margin-right: auto; } } .audio-center { margin-left: auto; margin-right: auto; display: block; box-shadow: 0px 0.25px 5px #000000; } audio { outline:

Image to play sound onclick

由 早过忘川 提交于 2021-01-28 07:41:57
问题 I'm trying to make a song play when I click on an image. everytime I do it using the solutions on the here Either the image doesn't show, the audio doesn't play, or both. I don't understand what my issue is and could use any help. My HTML ` <head> <link rel="stylesheet" type="text/css" href="main.css"> <meta charset="utf-8"> <title>#F7D64B</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet"

Stop audio buffering in the <audio> tag

由 谁说胖子不能爱 提交于 2021-01-21 06:29:19
问题 I am currently working in using the HTML5 audio player to provide a audio stream (24/7 radio stream) via the (mobile) browser. Loading in the stream and playing it works fine. The major problem is that the HTML5 <audio> tag will keep downloading (buffering) content even when its not active. This could be a major issue for mobile users since most of them pay for data use. So far I have not been able to find a decent solutions that works cross browser to prevent this. I tried so far: Unload the

Stop audio buffering in the <audio> tag

由 痞子三分冷 提交于 2021-01-21 06:27:22
问题 I am currently working in using the HTML5 audio player to provide a audio stream (24/7 radio stream) via the (mobile) browser. Loading in the stream and playing it works fine. The major problem is that the HTML5 <audio> tag will keep downloading (buffering) content even when its not active. This could be a major issue for mobile users since most of them pay for data use. So far I have not been able to find a decent solutions that works cross browser to prevent this. I tried so far: Unload the
订阅 html5-audio