为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript / HTML5中的音效

JavaScript / HTML5中的音效

GCT1015 2019-09-18 10:35:24
我正在使用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 function, which clones the audio object and plays it      var Constructor = function() {};      Constructor.prototype = this;      Snd[name] = function() {        var clone = new Constructor();        clone.play();        // Return the cloned element, so the caller can interrupt the sound effect        return clone;      };    });  }};所以现在我可以Snd.boom();从Firebug控制台播放并播放snd/boom.wav,但我仍然无法多次播放相同的样本。看起来这个<audio>元素实际上更像是一个流媒体功能而不是播放音效的东西。是否有一种聪明的方法可以实现这一点,我很想忘记,最好只使用HTML5和JavaScript?我还要提一下,我的测试环境是Ubuntu 9.10上的Firefox 3.5。我尝试过的其他浏览器--Opera,Midori,Chromium,Epiphany--产生了不同的结果。有些人不玩任何东西,有些人抛出异常。
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 839 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信