绍

howler.js是现代网络的音频库。它默认为Web Audio API，而向后兼容为HTML5 Audio。这使得在所有平台上使用JavaScript进行音频操作变得轻松可靠。

Github

https://github.com/goldfire/howler.js

功能特性

• 单个API满足所有音频需求
• 默认为Web Audio API，向后兼容为HTML5 Audio
• 处理跨环境的极端情况和错误
• 支持所有编解码器以全面支持跨浏览器
• 自动缓存以提高性能
• 单独，分组或全局控制声音
• 一次播放多种声音
• 简单的声音元素定义和播放
• 完全控制衰落，速率，搜寻，音量等
• 轻松添加3D空间声音或立体声声像
• 模块化-使用你想要的内容并易于扩展
• 没有外部依赖，只有纯JavaScript
• 压缩后7kb大小

浏览器支持情况

• Google Chrome 7.0+
• Internet Explorer 9.0+
• Firefox 4.0+
• Safari 5.1.4+
• Mobile Safari 6.0+ (after user input)
• Opera 12.0+
• Microsoft Edge

Demo

截图体验不佳，可以直接看demo

开始使用

• 安装

npm install howler
#或
yarn add howler
#或
bower install howler

//使用
<script src="/path/to/howler.js"></script>
<script>
    var sound = new Howl({
      src: ['sound.webm', 'sound.mp3']
    });
</script>

import {Howl, Howler} from 'howler';
const {Howl, Howler} = require('howler');

范例

最基本播放mp3

var sound = new Howl({
  src: ['sound.mp3']
});

sound.play();

更多配置

var sound = new Howl({
  src: ['sound.webm', 'sound.mp3', 'sound.wav'],
  autoplay: true,
  loop: true,
  volume: 0.5,
  onend: function() {
    console.log('Finished!');
  }
});

定义声音

var sound = new Howl({
  src: ['sounds.webm', 'sounds.mp3'],
  sprite: {
    blast: [0, 3000],
    laser: [4000, 1000],
    winner: [6000, 5000]
  }
});

// Shoot the laser!
sound.play('laser');

事件监听

var sound = new Howl({
  src: ['sound.webm', 'sound.mp3']
});

// 首次通话后清除监听器。
sound.once('load', function(){
  sound.play();
});

// 声音播放完毕时触发。
sound.on('end', function(){
  console.log('Finished!');
});

控制多种声音：

var sound = new Howl({
  src: ['sound.webm', 'sound.mp3']
});

// 播放返回可以传递的唯一声音ID
//
var id1 = sound.play();
var id2 = sound.play();

// Fade out the first sound and speed up the second.
sound.fade(1, 0, 1000, id1);
sound.rate(1.5, id2);

ES6语法

import {Howl, Howler} from 'howler';

// 设置新的 Howl.
const sound = new Howl({
  src: ['sound.webm', 'sound.mp3']
});

// 播放声音
sound.play();

// 改变全局音量
Howler.volume(0.5);

总结

howler.js让Web音频开发变得简单可靠，是一个值得推荐的音频库，如果你有这方面的需求，不妨尝试一下！

K歌直播与录音监听过程中，耳机监听效果，音质，高中低的音频很讲究，而对于专业直播，或录音专业制作人来说，佩戴的舒适感，及美不美观都很重视，那么音哥想分享一下，在网络K歌及录音界较受欢迎及一致好评如潮的监听耳机。

无论是想要挑选手机K歌监听耳机，专业录音监听耳机，还是网络主播K歌监听耳机，都有值得您的选择，好用不贵且品质与监听里非常佳，让热爱听音乐，玩音乐的您，购买到高性价的监听耳机。

爱科技(AKG) K271MKⅡ专业监听级高保真立体声耳机

https://item.ingping.com/545.html

推荐理由：监听还原真实，音质纯净，不论是低音还是高音都有着出色表现，隔噪效果出色，戴上它不受干扰，自动静音功能，对于突发信号的瞬态反应佳，减少大音量振膜的分割振动，大幅度降低失真度，这个功能不论在专业的录音棚中，还是在家庭中都非常实用。

铁三角ATH-M20x头戴式耳机专业录音音乐K歌监听耳机

https://item.ingping.com/5461.html

推荐理由：选用新耳垫材质，实现高品质耐用，从大径口驱动单元到出色隔音耳罩的坚实结构，以监听耳机特有的平直均衡特性，未加带过多音染，实现高解析度监听，还原真实的声音，非常容易驱动，专业录音/调音监听，对前端要求不高，不管在网络K歌，还是录音监听，以及音乐欣赏，拥有着出色的前端和无损音源， 是录音制作与混音的理想选择。

音平(INGPING) H60红豆监听级高音质耳塞

https://item.ingping.com/4158.html

推荐理由：H60红豆耳塞是一款针对音乐欣赏、网络K歌、手机K歌、个人录音监听场所使用精心打造的监听级高音质耳塞。音质高解析力带来丰富充沛的声音细节，人声表现真实而富有感染力。

舒尔(SHURE) SRH440 录音级头戴式耳机

https://item.ingping.com/2300.html

产品特点：SRH440头戴式耳机是家庭录音室录音和监听的理想之选。阻抗、功率处理和灵敏度经过优化，可搭配专业级音频设备，例如调音台、DJ混音器和头戴式耳机放大器。采用40mm钕铁硼动圈发声单元，已为DJ混音器、调音台和耳放等专业音频设备进行了阻抗、功率处理和灵敏度方面的优化，特别适用于录音监听和高要求的聆听。

得胜(TAKSTAR) PRO82 专业参考级监听耳机

https://item.ingping.com/6575.html

产品特点：声音风格独特、冷声、清晰，声音毫无音染修饰，干净透彻，细节表现好，专业监听风格声音，性价比很高，非常适合个人音乐工作室使用。平时用来欣赏音乐，这种监听风格的声音也很受人欢迎。

拜亚动力(Beyerdynamic) DT990 Pro 专业发烧级监听耳机

https://item.ingping.com/1020.html

产品特点：特别轻盈的设计和声音推动力，音色出色，选用可更换的天鹅绒耳垫，所有部件可拆卸，全耳包裹，佩戴舒适度十足,超宽频率响应，声音风格偏监听，能提供中性，精密准确的声音还原，三频均衡，具有很好的声场定位，并能细腻演绎出每个音符跳动。

卡尔卡(KRK) KNS-8400 封闭式录音室监听耳机 专业监听耳机

https://item.ingping.com/3966.html

产品特点：高品质的声音，准确，自然，宽广的频率响应，可拆卸和更换的旋转耳罩，耐用且携带方便耐损材质，自动调节系统较舒适的佩戴，隔离环绕，确保乐器不会跑出你的监听。录制的音乐或混音中的每一个声音都给到让你满意的效果。