html5-audio | 易学教程

HTML (or R Shiny) Audio Caching [closed]

阅读更多关于 HTML (or R Shiny) Audio Caching [closed]

问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 3 years ago . After figuring out how to make a Shiny server play a wav file, I created a shiny server that dynamically creates wav files based on reactive input. However, the first wav file gets cached, and despite changes to the file or even renaming the file, only the first wav is played

Is there any possibility to control HTML5 audio volume on IOS?

阅读更多关于 Is there any possibility to control HTML5 audio volume on IOS?

问题 I use the html5 audio library Buzz to add sounds to a browser game. There is a toggle button to mute and unmute sound, which works good on desktop and Android devices. Unfortunately it seems like the audio tag is quite limited on IOS, so that I cannot mute audio in Mobile Safari (see https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html): On iOS devices, the audio level is always under the user’s physical control

Web audio API: scheduling sounds and exporting the mix

阅读更多关于 Web audio API: scheduling sounds and exporting the mix

问题 I've been checking Web Audio API documentation and the tutorials but haven't quiet figured out how to approach this problem. Let's say I load few wav files via XMLHttpRequest and then create buffersources. I know I can schedule when the playback starts precisely. But what if I don't want to play them, but instead want to store and schedule them in a buffer. A real example: I want to create a simple sequencer where you schedule drums and than export the whole mix to wav (without recording it

Can I use javascript to record voice on a web app?

阅读更多关于 Can I use javascript to record voice on a web app?

问题 It seems I can only use Flash or Java to record voice on a web app. Is there a way of doing it via JavaScript? 回答1: It can be done but the solution won't work across all platforms at the moment. <input type="file" accept="audio/*;capture=microphone"> See HTML5 Media Capture Currently Supported By: Android 3.0 browser, Chrome for Android (0.16), Firefox Mobile 10.0, iOS6 Safari and Chrome (partial support) Links: http://www.html5rocks.com/en/tutorials/getusermedia/intro/ Audio capturing with

Firefox won't play .WAV files using the HTML5 <audio> tag?

阅读更多关于 Firefox won't play .WAV files using the HTML5 tag?

问题 I'm building a page that will allow a user to upload an MP3 file. That MP3 file is converted in the back end to a .WAV file using LAME. The lame execution script is here: LAME --resample 44.1 -decode myDirectoryPath/Master.mp3 myDirectoryPath/Master.wav However, when I use the HTML5 audio tag to create a player for that audio file in Firefox, it doesn't work. <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <audio controls> <source src="myDirectoryPath

Safari with audio tag not working

阅读更多关于 Safari with audio tag not working

问题 I am working with HTML5 audio tag with this simple code: HTML <audio id="audioFrenata"> <source src="sounds/frenata.ogg"> <source src="sounds/frenata.mp3"></audio> JS $('#audioFrenata').on('ended', function() { manageImageObjectsLevel(); }).get(0).play(); with Chrome this works as expected, with Safari 5.1.7 on Windows and Safari on iPad 3 I receive this: 'undefined' is not a function (evaluating '$('#audioFrenata').on('ended', function() { manageImageObjectsLevel(); }).get(0).play()') Anyone

HTML 5 Audio Tag Multiple Files

阅读更多关于 HTML 5 Audio Tag Multiple Files

问题 I am trying to have two files in one HTML 5 Audio Tag that play one after the other. The code I have so far is: <audio id="ListenLive" controls autoplay> <source src="advert.mp3" type="audio/mpeg"> <source src="stream.mp3" type="audio/mpeg"> </audio> The issue I am having at the moment is that only the first file will play and end, it is like there is no second file. As soon as the first song ends it does nothing else. Is there a way to get the second track to play automatically when the

Setting the granularity of the HTML5 audio event 'timeupdate'

阅读更多关于 Setting the granularity of the HTML5 audio event 'timeupdate'

问题 I'm trying to create a simple looping feature using HTML5 audio and have a very primitive solution as follows: $(audio).bind('timeupdate', function() { if (audio.currentTime >= 26){ var blah = audio.currentTime; audio.currentTime = 23; console.log(blah); } }) This works fine but the only glitch here is that the timeupdate event doesnt trigger very consistently. For instance, the console.log above returned: 26.14031982421875 26.229642868041992 26.13462257385254 26.21796226501465 ...etc. (You

How to play a notification sound on websites?

阅读更多关于 How to play a notification sound on websites?

问题 When a certain event occurs, I want my website to play a short notification sound to the user. The sound should not auto-start (instantly) when the website is opened. Instead, it should be played on demand via JavaScript (when that certain event occurs). It is important that this also works on older browsers (IE6 and such). So, basically there are two questions: What codec should I use? What's best practice to embed the audio file? ( <embed> vs. <object> vs. Flash vs. <audio> ) 回答1: This

Why doesn't Firefox support the MP3 file format in <audio>

阅读更多关于 Why doesn't Firefox support the MP3 file format in

问题 Is there a particular reason why Firefox does not support playback of MP3 files in <audio> elements, only Ogg format? Is it a licensing issue? Are there any plans made for a possible future implementation? Is it possible to develop an addon to support MP3 playback in <audio> elements? 回答1: Licensing issues: HTML5 video and H.264 – what history tells us and why we’re standing with the web and Mozilla defends Firefox's HTML5 support for only Ogg Theora video (despite their titles, they both