大话Web-Audio-Api
2023-09-11 14:19:38 时间
大话Web-Audio-Api
转:https://www.jianshu.com/p/0079d1fe7496
简单的例子:
<script> var context; var musicBuffer; window.addEventListener('load',init,false); function init() { try{ window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext; context = new window.AudioContext(); loadSound("m.mp3");//获取音频 } catch (e) { alert(e); } } //获取音频数据 function loadSound(url){ var request = new XMLHttpRequest(); request.open('GET',url,true); request.responseType= 'arraybuffer'; request.send(); //下面就是对音频文件的异步解析 request.onload = function(){ context.decodeAudioData(request.response,function(buffer){ musicBuffer = buffer; console.log(context); console.log(musicBuffer); playSound(context, musicBuffer);//获取成功后播放 }); } } //播放音频数据 function playSound(audioContext, buffer) { var audioBufferSouceNode = audioContext.createBufferSource(), analyser = audioContext.createAnalyser(); //将source与分析器连接 audioBufferSouceNode.connect(analyser); //将分析器与destination连接,这样才能形成到达扬声器的通路 analyser.connect(audioContext.destination); //将上一步解码得到的buffer数据赋值给source audioBufferSouceNode.buffer = buffer; //播放 audioBufferSouceNode.start(0); //音乐响起后,把analyser传递到另一个方法开始绘制频谱图了,因为绘图需要的信息要从analyser里面获取 //this._drawSpectrum(analyser);//可以绘制波形图 } </script>
上面例子也受同源跨域策略影响
相关文章
- Web APi之异常处理(Exception)以及日志记录(NLog)(十六)
- Secure a Web API with Individual Accounts and Local Login in ASP.NET Web API 2.2
- 服务器Web性能测试主要包含四个方面
- 上车,3分钟弄懂web自动化的三种等待方式...
- C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi
- web安全day22:linux系统最基本知识最常用操作和命令
- web安全day6:IIS之WEB服务器
- WEB开发基础(HTML篇)
- 2023,最细Web端功能测试总结
- calibre-web 获取元数据 豆瓣API失效解决办法
- ASP.NET Web API中通过ETag实现缓存
- 购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端,以及前后端Session
- 在ASP.NET Web API中使用OData的Containment
- ASP.NET Web API实践系列05,消息处理管道
- Web页面制作基础
- windows service承载的web api宿主搭建(Microsoft.Owin+service)
- ASP.NET MVC & Web API Brief Introduction
- 基于C#(MVC5)+SQL Server 2008 实现(Web)博客网站【100010199】
- Go Web:RESTful web service示例
- 构建Web API服务
- 论文阅读:Open Robotics Research Using Web-based Knowledge Services
- 为什么说 C/C++ 不适合做 Web 开发?(成本高,容易出错,apache等工具分担了大部分工作)
- 【web后端(十八)】jsp、servlet_内置标签——UseBean
- 【web后端(九)】jsp、servlet_会话管理_session
- 移动端--web开展
- JS学习第4天——Web API之DOM(事件高级)【注册/删除事件、DOM事件流、阻止事件冒泡、事件委托、常用的鼠标/键盘事件】
- Creating the Help Page in ASP.NET Web API
- Web自动化之Selenium API(四)