MOBILE WEB程式設計--第二版

362

|

第十章

var request = new XMLHttpRequest();

var audioBuffer;

request.open("GET", "myaudio.mp3", true);

request.responseType = "arraybuffer"; // 定義二進制檔

request.onload = function() {

context.decodeAudioData(request.response, function(buffer) {

var audioSource = context.createBufferSource();

audioSource.buffer = buffer;

// 將喇叭連結至音訊

audioSource.connect(context.destination);

audioSource.noteOn(0); // 無延遲地播放

});

};

request.send();

我們也可以使用 Web Audio API 創建更複雜的效果，例如混合兩個音訊檔、將它們交替

淡入與淡出、套用音訊過濾器，及其他。

音訊相容性

表 10-5 列出主要行動 Web 平台的音訊支援情形。

表 10-5　HTML5 音訊支援情形

瀏覽器∕平台 優先傳送 播放 UI 支援隱形音訊 Web 音訊 API

iOS Safari

audio

元素 4.0 起內嵌

4.0 前全螢幕

有 由 6.0 開始

Android 瀏覽器

audio

元素 內嵌 有 無

Android ...