场景描述

在这之前使用wavesufer.js创建音频频谱的功能,如下图:

但遇到一个比较不好的用户体验,即当音频文件没有完全下载完的情况下,频谱是显示不了的。所以就会出现如下图的一条直线:

于是有了以下的解决方案,Wave加载的时候,可以加载pcm数据格式,于是利用wavesufer的exportPCM导出pcm数据格式,提供给前台网页进行加载即可。

实现的最终效果如下图:

这样前台即可以在音频没有加载完全,但频谱已经加载完了的情况下,直接渲染出这个频谱。

帝国cms后台使用savesufer.js生成大音频audio彩色频谱数据相关推荐

  1. oracle ||#039; where #039;||condition;,帝国cms后台添加字段提示#039;Row size too large. The maximum row size...

    今天在帝国cms后台创建系统模型,添加字段时报了一个错误,ERROR 1118 (42000): Row size too large. The maximum row size for the us ...

  2. cms网站模板php修改,帝国CMS后台模板开发修改

    帝国CMS后台管理信息模板修改可以在模板文件里找到后台管理信息模板文件,然后进行代码里修改. 帝国CMS后台管理信息模板文件地址为: e\data\html\list\alllistinfo.php ...

  3. 帝国cms把网站文章内容生成word文档下载插件

    帝国cms把网站文章内容生成word文档下载插件 插件介绍 jQuery Word Export是一款可以将网页中的文字导出到微软Word文档中的jQuery插件.它通过FileSaver.js文件来 ...

  4. 帝国cms后台DoTimeRepage.php一直刷新怎么办?

    如果平时喜欢挂着帝国cms网站后台不关闭,又留心了网站日志的朋友就会发现DoTimeRepage.php一直在刷新,默认是10秒刷新一次,网站日志里全是这个页面的请求,严重影响查看网站日志的效率,长期 ...

  5. 帝国扩展变量是哪个php,帝国CMS后台系统设置里面的扩展变量是干什么的?

    原标题:帝国CMS后台系统设置里面的扩展变量是干什么的? 这个功能的位置就是在于后台系统菜单,就可以看到扩展变量这个功能了 如图所示: 1帝国cms后台系统设置里面的扩展变量是干什么的? 帝国cms后 ...

  6. 忘记帝国cms后台登录密码和认证码如何找回

    帝国cms后台管理员登录账号.密码或者认证码忘记了怎么办?还在苦苦的一遍遍修改数据库的user表吗?这里介绍一个最简单的方法找回账号密码和验证码 1.下载附件,把文件上传到网站根目录,上传到根目录即可 ...

  7. 帝国cms后台登录显示Table 'empirecms.***_enewsloginfail' doesn't exist

    帝国cms后台登录后显示Table 'empirecms.***_enewsloginfail' doesn't exist select count(*) as total from ***_ene ...

  8. 帝国cms后台登录用户名账号密码忘记了怎么重置找回?

    帝国cms后台登录账号密码是我们登录网站后台的关键密钥,那么如果忘记了,我们如何重置用户名密码,或者怎么找回用户名账号和密码?下面请看教程 1.浏览器登录phpMyAdmin控制界面,输入账号密码登录 ...

  9. 帝国cms后台登陆显示Cann‘t connect to DB 解决方法

    帝国cms后台登录显示Cann't connect to DB!是什么原因呢?想必很多的小伙伴在网站搬家或者是上传空间服务器都会遇见这个问题吧!出现这段提示是什么原因呢?很多小白就困惑了,这到底什么意 ...

最新文章

  1. 总结接口与类和抽象类的关系
  2. 遍历并批量删除容器中元素出现ConcurrentModificationException原因及处置
  3. 微型计算机的层次结构,计算机系统层次结构微程序级
  4. android触摸消息的派发过程
  5. 天猫整站SSM-分页-herf(做个人学习笔记整理用)
  6. gcc: weak_alias如何使用
  7. 别再瞎搞数仓了!BAT内部大神:数据仓库不是谁都可以建的
  8. vue保存页面的值_vue中使用localStorage存储信息
  9. python文件分块读取_Python多进程分块读取超大文件的方法
  10. 自己动手系列——实现一个简单的ArrayList
  11. 5不能另存为dwg_5.建立数模
  12. JSR-303 数据校验学习
  13. iOS开发之报错:IntxLNK
  14. “SCSA-S学习导图+”系列:文件解析
  15. fft 估计载波频率程序_调幅信号载波频率的高精度估计方法及装置与流程
  16. vue-项目完成的项目报告
  17. 山洋服务器R系列和Q系列区别,仔细分析:aoc u系列和q系列有区别吗?说说哪个好?大家看法如何...
  18. 一文带你盘点市场上主流的BI产品主要有哪些
  19. React Native之携程Moles框架
  20. java导出excel 边框不全_POI 导出Excel合并单元格后部分边框不显示

热门文章

  1. 解决工控网络通信协议威胁的实践
  2. 一系列用于Fuzzing学习的资源汇总
  3. DirectX和DirectShow介绍和区别
  4. 定义__asm块作为C宏
  5. CreateThread、_beginthreadex、AfxBeginThread
  6. Linux2.6内核--VFS层中和进程相关的数据结构
  7. Activity和Intent,打电话,发送短信
  8. 硬盘接口的类型介绍和比较
  9. Android 利用方向传感器实现 指南针
  10. 什么软件测试身高体重标准,测测你的身高体重指数(BMI)正常吗?