美文网首页
通过js展现波形图

通过js展现波形图

作者: 银海人 | 来源:发表于2019-01-04 23:07 被阅读0次

将mp3格式音频转为波形图实现。资源下载在文末
在网上找到的转波形控件,感觉很好用就此保存一下

<script type="text/javascript">
            function getQueryString(name) { 
               var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
               var r = window.location.search.substr(1).match(reg); 
               if (r != null) return unescape(r[2]); return null; 
            } 
            var label=getQueryString("label");

            document.getElementById("label").innerHTML=label;
debugger;
            var url= storebaseurl + "/rest/gj/filedownloadMP3/"+getQueryString("id");

            document.getElementById("voiceId").setAttribute('href',url);
</script>

我这里是通过url下载音频。如果是本地音频则直接将a标签的链接指向该音频文件即可。
源码下载

bad2

相关文章

  • 通过js展现波形图

    将mp3格式音频转为波形图实现。资源下载在文末在网上找到的转波形控件,感觉很好用就此保存一下 我这里是通过url下...

  • 在iOS中绘制录音音频波形图

    效果图 条状波形图 线状波形图 配置AvAudioSession 绘制波形图前首先需要配置好AVAudioSess...

  • Matching Django Look Advanced Co

    利用波形图 ,使用offset寻找黑位 利用波形图,使用对比度工具调整白位 利用波形图,使用offset对其能量位...

  • FFmpeg 通过 showwavespic 获取音频的频谱图

    FFmpeg 的 showwavespic 滤镜如何得到频谱图 音频数据通常由波形图像表示。 FFmpeg 通过使...

  • 如何写 Test Bench

    前言:Test Bench 就是用来模拟真实电路的,我们可以通过看波形图分析自己的电路是不是写对了!也可以通过模拟...

  • js页面刷新

    JS刷新框架方法 刷新包含该框架的页面用 场景1: 在页面A包含了页面B,通过标签形式展现,如果标签中的某个页面完...

  • 2018-10-19 全屏实现方法

    JS控制浏览器全屏,通过点击按钮实现 JS 全屏方法 JS退出全屏的方法(通过点击按钮退出全屏) JS通过按esc...

  • 音频基础知识03

    1. 声音的存储   通过声音采集器(麦克风)绘制出的实时波形图的电流数据,我们需要对数据进行采样(其实就是按照指...

  • iOS 图形绘制方案

    先说下背景,项目里需要绘制音乐和视频的波形图,由于产品上的设计,波形图的长度基本都可以达到屏幕长度的几十倍。并且图...

  • 如何让自己马上变得更快乐

    我们的情绪状态在不同的时间是有起伏变化的,就像一个波形图一样。既然是波形图,那么久有波峰与波谷。 我们应该都不可避...

网友评论

      本文标题:通过js展现波形图

      本文链接:https://www.haomeiwen.com/subject/clelrqtx.html