jquery ajax 读取mp3
时间: 2023-07-12 18:03:45 浏览: 76
jQuery Ajax 可以通过 GET 方法获取 MP3 文件,但是需要注意以下几点:
1. 跨域问题:如果 MP3 文件不在同一个域名下,需要在服务器端设置跨域访问权限。
2. 返回类型问题:需要设置返回类型为 "arraybuffer",否则会将 MP3 文件解析为字符串。
3. 播放问题:需要使用 HTML5 的 audio 元素,将返回的 arraybuffer 作为源文件,才能播放 MP3。
以下是一个简单的示例代码:
```javascript
$.ajax({
url: 'http://example.com/path/to/file.mp3',
type: "GET",
dataType: "arraybuffer",
success: function (data) {
var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
audioCtx.decodeAudioData(data, function(buffer) {
var source = audioCtx.createBufferSource();
source.buffer = buffer;
source.connect(audioCtx.destination);
source.start(0);
});
}
});
```
注意:在实际项目中,需要根据具体需求进行相应的修改和优化。