html5-audio

Combine two audio blob recordings

半世苍凉 提交于 2019-12-05 11:37:59
I am using recorder.js to record two audio files on my web page, which then creates recordings as blobs. Once I have these audio blobs I would then like to combine them both into one track to be played by another html5 audio player. I've searched the internet but I can't seem to find any documentation on combining two blob files into one. I've found how to concatenate one blob to the other but I'm wanting to merge the files at the beginning. i.e. - sound 1 is singing and sound 2 is guitar. I made a similar attempt using recorder.js and it did not work out for me too. Even after downloading the

JavaScript - failing to use createJavaScriptNode?

杀马特。学长 韩版系。学妹 提交于 2019-12-05 11:30:46
How to fix this? its failing in past it was working fine but not anymore. (Normally it show green bar in the canvas if you speak in the mic.) <script type="text/javascript"> var navigator = window.navigator; navigator.getMedia = ( navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia); navigator.getMedia({ video: false, audio: true}, function(stream) { console.log('doing....'); audioContext = new webkitAudioContext(); analyser = audioContext.createAnalyser(); microphone = audioContext.createMediaStreamSource(stream); javascriptNode =

HTML5 audio control stop button (as opposed to pause)

拟墨画扇 提交于 2019-12-05 11:20:56
I've been absolutely everywhere (I think) and can't seem to find a way to call a stop event in an html5 audio controller. My audio controller has a playlist where each track will play when selected or cycle through each track to the next. There's also a next button which works. My play/pause button looks like this: ` function playPause() { var audioPlayer = document.getElementsByTagName('audio')[0]; if(audioPlayer!=undefined) { if (audioPlayer.paused) { audioPlayer.play(); } else { audioPlayer.pause(); } } else { loadPlayer(); } } ` I need a "Stop" button that stops the audio and goes back to

How can you create an auto playlist with the HTML5 Audio tag?

▼魔方 西西 提交于 2019-12-05 09:34:32
问题 How can you create an auto playlist with the audio tag from HTML5? What I'm trying to achieve is a player with only the play/pause button big 30x25 px, the player autoplays when the page loads and when the song ends it'll play the next song automatically. Trying to have 3-4 songs in a playlist. 回答1: Check out this post: using jquery + <audio> w/ php/mysql to loop playback times var sfx = new Audio('sfx.wav'); var sounds = a.addTextTrack('metadata'); // add sounds we care about sounds.addCue

SimpleCaptcha and wav playback

北慕城南 提交于 2019-12-05 06:34:25
问题 Our client is using SimpleCaptcha. My understanding is that SimpleCaptcha is able to produce audio captchas in WAVE format (.wav). Later these CAPTCHA-s are played back using the HTML5 audio tag, something like this: <audio controls="controls" autoplay> <source src="captcha.wav" /> </audio> Of course this is not cross browser compatible and one of the reasons is the WAVE format. This link suggests that IE9 supports only MP3 while most other browsers are fine with OGG and WAVE. Further MP3 is

Android 2.3 doesn't pass cookie information for html5 audio tag Get request

ぃ、小莉子 提交于 2019-12-05 06:33:50
I am trying to play a media file using html5 audio tag in android 2.3 from a secure site but I notice that on the Get request, android 2.3 isnt passing the cookie information from the browser to the server causing a 'HTTP/1.1 302 Moved Temporarily' response from the server back to the login page for reauthentication. I tried the same request on IOS mobile browser, chrome, safari, IE and the cookie information is sent on each request. Whats more puzzling is also that on img tag request, the cookie information is sent on the android browser. My question is, is anyone aware if this is just an

Fallback solution for HTML <audio> and legacy browsers

喜你入骨 提交于 2019-12-05 06:29:18
问题 I am working on creating a sound board with various audio clips. Rather than using the standard HTML5 audio controls, I want to style each button with some title text, so that when a user presses a button, the associated clip plays. Everything is working fine in HTML 5 browsers (Chrome, Firefox, Safari, and IE9+), using the following code: <script type="text/javascript" charset="utf-8"> $(function() { $("audio").removeAttr("controls").each(function(i, audioElement) { var audio = $(this); var

How to disable video/audio downloading in web pages?

本小妞迷上赌 提交于 2019-12-05 06:23:05
问题 I have a website that I put my videos/audios on it. I use HTML5 and tag to show videos. But videos/audios can be downloaded if client opens view source page and then copy the file address. How can I disable downloading these files, I just want client to see videos/hear audios in the web page. Many online video/audio services like Youtube disabled downloading videos by this way. How they did that? What is a working way to disable, or at least make this progress much harder? 回答1: Youtube

Only allow one audio element to play at a time

巧了我就是萌 提交于 2019-12-05 06:20:38
问题 I have multiple audio players, each with a play and stop button, on one page. The only issue I have is when you click one play button, and then another, they play on top of one another. Can someone help me with the code I would need to stop whatever song is playing when another play button is clicked - so there would never be more than one song playing at a time?? Thanks! Here is my code: $(document).ready(function(){ $("#play-bt").click(function(){ $("#audio-player")[0].play(); }) $("#stop

Firefox createMediaStreamDestination bug using rtc?

主宰稳场 提交于 2019-12-05 06:02:29
I stream audio over rtc and want to mute and unmute the audio. This works... but no gain control: function(stream) { /* getUserMedia stream */ console.log("Access granted to audio/video"); peer_connection.addStream(stream); } This works on chrome but NOT on Firefox (with gain control) function(stream) { /* getUserMedia stream */ console.log("Access granted to audio/video"); var microphone = context.createMediaStreamSource(stream); gainNode = context.createGain(); var dest = context.createMediaStreamDestination(); microphone.connect(gainNode); gainNode.connect(dest); local_media_stream = dest