紹

howler.js是現(xiàn)代網絡的音頻庫。它默認為Web Audio API，而向后兼容為HTML5 Audio。這使得在所有平臺上使用JavaScript進行音頻操作變得輕松可靠。

Github

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

功能特性

• 單個API滿足所有音頻需求
• 默認為Web Audio API，向后兼容為HTML5 Audio
• 處理跨環(huán)境的極端情況和錯誤
• 支持所有編解碼器以全面支持跨瀏覽器
• 自動緩存以提高性能
• 單獨，分組或全局控制聲音
• 一次播放多種聲音
• 簡單的聲音元素定義和播放
• 完全控制衰落，速率，搜尋，音量等
• 輕松添加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');

事件監(jiān)聽

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

// 首次通話后清除監(jiān)聽器。
sound.once('load', function(){
  sound.play();
});

// 聲音播放完畢時觸發(fā)。
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音頻開發(fā)變得簡單可靠，是一個值得推薦的音頻庫，如果你有這方面的需求，不妨嘗試一下！

K歌直播與錄音監(jiān)聽過程中，耳機監(jiān)聽效果，音質，高中低的音頻很講究，而對于專業(yè)直播，或錄音專業(yè)制作人來說，佩戴的舒適感，及美不美觀都很重視，那么音哥想分享一下，在網絡K歌及錄音界較受歡迎及一致好評如潮的監(jiān)聽耳機。

無論是想要挑選手機K歌監(jiān)聽耳機，專業(yè)錄音監(jiān)聽耳機，還是網絡主播K歌監(jiān)聽耳機，都有值得您的選擇，好用不貴且品質與監(jiān)聽里非常佳，讓熱愛聽音樂，玩音樂的您，購買到高性價的監(jiān)聽耳機。

愛科技(AKG) K271MKⅡ專業(yè)監(jiān)聽級高保真立體聲耳機

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

推薦理由：監(jiān)聽還原真實，音質純凈，不論是低音還是高音都有著出色表現(xiàn)，隔噪效果出色，戴上它不受干擾，自動靜音功能，對于突發(fā)信號的瞬態(tài)反應佳，減少大音量振膜的分割振動，大幅度降低失真度，這個功能不論在專業(yè)的錄音棚中，還是在家庭中都非常實用。

鐵三角ATH-M20x頭戴式耳機專業(yè)錄音音樂K歌監(jiān)聽耳機

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

推薦理由：選用新耳墊材質，實現(xiàn)高品質耐用，從大徑口驅動單元到出色隔音耳罩的堅實結構，以監(jiān)聽耳機特有的平直均衡特性，未加帶過多音染，實現(xiàn)高解析度監(jiān)聽，還原真實的聲音，非常容易驅動，專業(yè)錄音/調音監(jiān)聽，對前端要求不高，不管在網絡K歌，還是錄音監(jiān)聽，以及音樂欣賞，擁有著出色的前端和無損音源， 是錄音制作與混音的理想選擇。

音平(INGPING) H60紅豆監(jiān)聽級高音質耳塞

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

推薦理由：H60紅豆耳塞是一款針對音樂欣賞、網絡K歌、手機K歌、個人錄音監(jiān)聽場所使用精心打造的監(jiān)聽級高音質耳塞。音質高解析力帶來豐富充沛的聲音細節(jié)，人聲表現(xiàn)真實而富有感染力。

舒爾(SHURE) SRH440 錄音級頭戴式耳機

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

產品特點：SRH440頭戴式耳機是家庭錄音室錄音和監(jiān)聽的理想之選。阻抗、功率處理和靈敏度經過優(yōu)化，可搭配專業(yè)級音頻設備，例如調音臺、DJ混音器和頭戴式耳機放大器。采用40mm釹鐵硼動圈發(fā)聲單元，已為DJ混音器、調音臺和耳放等專業(yè)音頻設備進行了阻抗、功率處理和靈敏度方面的優(yōu)化，特別適用于錄音監(jiān)聽和高要求的聆聽。

得勝(TAKSTAR) PRO82 專業(yè)參考級監(jiān)聽耳機

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

產品特點：聲音風格獨特、冷聲、清晰，聲音毫無音染修飾，干凈透徹，細節(jié)表現(xiàn)好，專業(yè)監(jiān)聽風格聲音，性價比很高，非常適合個人音樂工作室使用。平時用來欣賞音樂，這種監(jiān)聽風格的聲音也很受人歡迎。

拜亞動力(Beyerdynamic) DT990 Pro 專業(yè)發(fā)燒級監(jiān)聽耳機

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

產品特點：特別輕盈的設計和聲音推動力，音色出色，選用可更換的天鵝絨耳墊，所有部件可拆卸，全耳包裹，佩戴舒適度十足,超寬頻率響應，聲音風格偏監(jiān)聽，能提供中性，精密準確的聲音還原，三頻均衡，具有很好的聲場定位，并能細膩演繹出每個音符跳動。

卡爾卡(KRK) KNS-8400 封閉式錄音室監(jiān)聽耳機 專業(yè)監(jiān)聽耳機

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

產品特點：高品質的聲音，準確，自然，寬廣的頻率響應，可拆卸和更換的旋轉耳罩，耐用且攜帶方便耐損材質，自動調節(jié)系統(tǒng)較舒適的佩戴，隔離環(huán)繞，確保樂器不會跑出你的監(jiān)聽。錄制的音樂或混音中的每一個聲音都給到讓你滿意的效果。