html5-audio | 易学教程

How can audio be extracted from a video in HTML5?

阅读更多关于 How can audio be extracted from a video in HTML5?

How could an audio track be extracted from a video in HTML5 Javascript as the raw audio data? I.e. an array of samples? I am completely new to the HTML5 Video API so an example would be great. The Web Audio API is exactly what you want. In particular, you want to feed a MediaElementAudioSourceNode into an AnalyserNode . Unfortunately, the Web Audio API is only implemented in Chrome (somewhat implemented in FF), and even Chrome doesn't have full support for MediaElementAudioSourceNode yet . var context = new webkitAudioContext(); // feed video into a MediaElementSourceNode, and feed that into

Creating Audio using Javascript in <audio>

阅读更多关于 Creating Audio using Javascript in

I can't find anything through net searches, but is there any plans to make an API to generate audio chunks to be played in an HTML5 <audio> tag? EDIT: this is the example:: PSEUDOCODE:: var music = new Song([Array of hertz levels or notes]); var box = document.createElement('audio'); document.body.appendChild(box); box.src = music.convert(); box.play(); In theory, you can actually do this now -- set the source attribute of an audio element to a data URI which you build on the fly in your JavaScript. I've done this with embed elements and MIDI files, which works on machines with QuickTime or

How to properly provide data for <audio>?

阅读更多关于 How to properly provide data for ?

I am serving binary data for HTML5 audio thorough .aspx page. The file can be played but there is a problem with SeekBar and replaying in Safari (iPad), Chrome and Firefox. Edit I have simplified (hopefully not too much) the code and full listing is presented (page file name is obviously play.aspx). <%@ Page Language="C#" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <script runat="server"> protected void Page_Load(object sender, EventArgs e) { if ( Request["filename"] != null) { string FilePath = MapPath(Request["filename"]); long fSize = (new System.IO.FileInfo(FilePath))

Why does audio.buffered.end(0) get an error message when I try to get buffered time

阅读更多关于 Why does audio.buffered.end(0) get an error message when I try to get buffered time

I'm building mp3 playlist player with HTML5 and jQuery. At this player there is a horizontal bar grow gradually in conjunction with the buffered present of mp3 file. here is my full code: get buffered end HTML5: <audio id="music" controls> <source src="https://archive.org/download/musicTestAudio27/Very%20nice%20%2827%29.mp3" type="audio/mpeg"> </audio> <br/> <div id="buffered"></div> CSS: #buffered{ border:solid #ccc 1px; height:10px; background:red; display:block; width:1%; } Javascript: var track = document.getElementById("music"); setInterval(function(){ var w = 100*(track.buffered.end(0))

Custom 1-button player with HTML5 audio tag

阅读更多关于 Custom 1-button player with HTML5 audio tag

Working with the <audio> tag in some web development I've been doing lately, and one thing I'm trying to do is use it to build a word list and provide a pronunciation sample next to each word on the list. Setting this up isn't hard at all, however this sort of application hardly requires the full set of controls; just a play button. The controls element of the <audio> tag doesn't seem to be that well documented at all, however; all I can find on it is "always put 'on' here, unless you want to build your own player". I don't want to build my own player, however, I just want a simple, 1-button

How can I force an HTML5 audio element to buffer an entire song?

阅读更多关于 How can I force an HTML5 audio element to buffer an entire song?

问题 I'm developing a local server that will stream a user's audio files so they can access them via web browsers using the HTML5 audio object. Since these files are on the user's computer, I expect the files to be buffered completely when they are loaded, but for certain large files, the songs get buffered part of the way, then stop, and resume buffering some time later. My question is: how can I force the audio object to buffer the entire song at once? Can I do this from javascript, do I have to

Why can't I play sounds more than once using HTML5 audio tag?

阅读更多关于 Why can't I play sounds more than once using HTML5 audio tag?

问题 This is how the sound is "stored": <audio id = "hammer" src="res/sounds/Building/hammer.wav"></audio> In the actual game (which I use sounds for), I use this to play the sound: function playSound(soundid) { document.getElementById(soundid).currentTime = 0; document.getElementById(soundid).play(); } But the sound plays only the first time, and never again! I tried resetting the "currentTime" in the console to 0, but I literally get this: >document.getElementById("hammer").currentTime = 0 0

HTML5 Audio: How to Play only a Selected Portion of an Audio File (audio sprite)?

阅读更多关于 HTML5 Audio: How to Play only a Selected Portion of an Audio File (audio sprite)?

问题 I'm working on an iOS metronome web app. Since mobile safari can only play one sound at a time, I'm attempting to create an 'audio sprite' - where I can use different segments of a single audio track to generate different sounds. I have a 1 second clip with 2 half-second sounds on it. <audio id="sample" src="sounds.mp3"></audio> <a href="javascript:play1();">Play1</a> <a href="javascript:play2();">Play2</a> <a href="javascript:pauseAudio();">Pause</a> <script> var audio = document

Record Audio Using the Users Microphone with HTML5

阅读更多关于 Record Audio Using the Users Microphone with HTML5

问题 I am very close to having a little project of mine done, however, I have run into a slight problem I cannot seem to figure out on my own. What I ultimately want to do is record a user's voice from the users microphone, and then upload the recording to my server when they are done. I am using the code from this project: https://github.com/cwilso/AudioRecorder It works great, but I am needing to add a feature that it does not include out of the box. I need to be able to upload the file to my

Waveform visualization in JavaScript from audio [duplicate]

阅读更多关于 Waveform visualization in JavaScript from audio [duplicate]

问题 This question already has answers here : How to write a web-based music visualizer? (4 answers) Closed 2 years ago . I'm trying to use JavaScript to display the waveform for and audio file, but I don't even know how to get started. I found the Audio Data API, but am unfamiliar with most audio terms and don't really know what is provided or how to manipulate it. I found examples of waveforms in JavaScript, but they are too complicated/I can't comprehend what is going on. Then my question is: