Questions tagged «html5-audio»


18
JavaScript / HTML5中的声音效果
我正在使用HTML5对游戏进行编程;我现在遇到的障碍是如何播放音效。 具体要求数量很少: 播放和混合多种声音, 多次播放同一样本,可能会重复播放, 随时中断样本播放, 最好播放包含(低质量)原始PCM的WAV文件,但是我当然可以转换它们。 我的第一种方法是使用HTML5 <audio>元素并定义页面中的所有声音效果。Firefox只是播放桃花心的WAV文件,但#play多次调用实际上并不会多次播放示例。根据我对HTML5规范的理解,该<audio>元素还跟踪播放状态,因此可以解释原因。 我的直接想法是克隆音频元素,因此我创建了以下微型JavaScript库来为我做这件事(取决于jQuery): var Snd = { init: function() { $("audio").each(function() { var src = this.getAttribute('src'); if (src.substring(0, 4) !== "snd/") { return; } // Cut out the basename (strip directory and extension) var name = src.substring(4, src.length - 4); // Create the helper …

14
HTML5音频停止功能
单击导航中的每个链接,我正在播放一个小型音频剪辑 HTML代码: <audio tabindex="0" id="beep-one" controls preload="auto" > <source src="audio/Output 1-2.mp3"> <source src="audio/Output 1-2.ogg"> </audio> JS代码: $('#links a').click(function(e) { e.preventDefault(); var beepOne = $("#beep-one")[0]; beepOne.play(); }); 到目前为止,一切正常。 问题是,当声音剪辑已经在运行时,我单击任何链接都不会发生任何事情。 我尝试停止单击链接时已经播放的声音,但是HTML5的音频API中没有直接的事件 我尝试了以下代码,但无法正常工作 $.each($('audio'), function () { $(this).stop(); }); 有什么建议吗?
147 html  html5-audio 

7
HTML5将音频录制到文件
我最终想要做的是从用户的麦克风录音,并在完成后将文件上传到服务器。到目前为止,我已经设法使用以下代码将数据流传递到元素: var audio = document.getElementById("audio_preview"); navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; navigator.getUserMedia({video: false, audio: true}, function(stream) { audio.src = window.URL.createObjectURL(stream); }, onRecordFail); var onRecordFail = function (e) { console.log(e); } 如何从那开始,到录制到文件?

10
如何在网站上播放通知声音?
当发生某个事件时,我希望我的网站向用户播放简短的通知声音。 声音应该不自动启动(瞬间)的网站打开时。而是应通过JavaScript按需播放(当发生特定事件时)。 同样重要的是,这也适用于较旧的浏览器(IE6等)。 因此,基本上有两个问题: 我应该使用哪种编解码器? 嵌入音频文件的最佳实践是什么?(<embed>vs. <object>Flash。vs <audio>)

17
如何在Chrome上自动播放音频
音频自动播放功能也可以在Mozilla,Microsoft Edge和旧版谷歌浏览器中使用,但不能在新版谷歌浏览器中使用。他们阻止了自动播放。有什么方法可以使其在Google Chrome中自动播放音频?


9
HTML5音频循环
我最近一直在使用HTML5音频进行播放,尽管我可以播放HTML5音频,但只能播放一次。无论我尝试什么(设置属性,事件处理程序等),我似乎都无法使其循环。 这是我正在使用的基本代码: //myAudio is declared at a global scope, so it doesn't get garbage collected. myAudio = new Audio('someSound.ogg'); myAudio.loop = true; myAudio.play(); 我正在使用Chrome(6.0.466.0开发人员)和Firefox(4 beta 1)进行测试,这两者似乎都很乐意忽略我的循环请求。有任何想法吗? 更新:现在,所有主流浏览器都支持loop属性。

9
设置HTML5音频位置
如何跳到HTML5音频元素中的某些时间偏移? 他们说您可以简单地设置其currentTime属性(重点是我的): 该currentTime属性在获取时必须返回以秒为单位的当前播放位置。设置时,如果媒体元素具有当前媒体控制器,则它必须引发INVALID_STATE_ERR异常;否则,它将抛出INVALID_STATE_ERR异常。否则,用户代理必须寻求新值(这可能会引发异常)。 las,它似乎不起作用(我需要在Chrome中使用它)。 有类似的问题,但是没有答案。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.