A. WEB音频播放方案
AudioContext : Web Audio API 提供了在 Web 上控制音频的一个非常有效通用的系统，允许开发者来自选音频源，对音频添加特效，使音频可视化，添加空间效果 （如平移），等等。
无需标签就可实现
B. web端数据可视化（大屏）设计
目前流行数据可视化大屏设计，为了方便大家，我把各个行业的数据大屏进行了整合设计。
作品包括两部分：数据可视化模板和图表组件
数据可视化模板：医防融合数据大屏、慢病患者数据大屏、公卫体检数据大屏、公卫随访数据大屏、家医签约数据大屏、医院数据大屏、医院运营数据大屏、互联网医院数据大屏、电商数据分析大屏、药店销售数据大屏、餐饮数据分析大屏、在线教育数据大屏、网站流量访问数据分析大屏、酒店数据大屏、店铺交易数据统计、运动健康数据分析、个人健康后台数据分析、创作中心数据分析、电商后台数据分析
图表组件：数据卡片，折线图、柱状图、饼图及其他全图表
支持软件版本：Axure8.1（兼容Axure9、Axure10）
点击此处预览完整设计
部分设计展示：
C. 嵌入式Web视频点播系统的背景
笔者所在的单位建设有一个内部网站，为了进一步提高网络的可用性，完善网站的功能，决定在网络上提供视频点播功能。经过一段时间的摸索和比较，笔者最后选择了RealSystem公司的RealPlayer作为视频文件的播放工具，主要基于以下几点考虑：
1、 RealPlayer 支持当今绝大多数的音视频流媒体格式，包括当前流行的MP3等音频媒质；
2、 RealPlayer 默认的.rm格式在保证播放质量的同时，文件压缩比高，使其更利于网络传输；
3、 RealPlayer在Internet上拥有广泛的用户群和服务商支持。
可供选择的还有Microsoft的MediaPlayer、APPLE 的QuickTime等。具体请参看“搜新网”评测文章：《三大主流流媒体技术对比》（http://www.souxin.com/stream/txt/3_stream_comp/www.souxin.com.htm）
D. 可视化音频是什么
可视化音频简单点说就是能够看又能听的音乐。如果想去制作的话，就下载个美册。找到可视化3d环绕音乐模板。点击以后倒入你喜欢的音乐，或者是在模板里边选择点击确定就回到了主界面。这里有个主题和溶图，很多种频谱跳动模式都在这里边，喜欢哪一个选择就可以了。并且还有很多种特效，你可以自由添加，不明白的去看教程。
E. 音频流的研究背景
连续音频流分类技术可以作为视频镜头自动分割和分类的有效的辅助工具。由于受技术发展的限制,单独依靠现有的图像和视频处理技术还不能使计算机“理解”视频的内容,视频镜头切分精确度也不高，不能对故事单元进行基于内容的分类。如果利用连续音频流分类技术将视频流所对应的音频进行切分,利用较实用的语音识别技术对其中的语音部分进行语音识别，利用已经比较成熟的全文检索技术对语音识别结果进行处理,提取文本摘要，则可以较好地解决这些问题。音视频编辑领域的知识和一些基本规则告诉我们,如果视频流所对应的音频类型没有发生变化，其对应的视频可以不进行分割处理。因此通过对音频流恰当的切分，可以大大提高视频的分割效率和准确率。
此外,连续流音频流分类技术还可以用在音频内容理解（Audio Content Understanding）、音频监测（Audio Surveillance）和音频场景分析（Audio Scene Analysis）等领域。总之，音频数据自身的特点和现有技术的制约，使得对音频流的进一步处理受到了限制，而连续音频流分类技术可以很好解决这一问题，为音频流结构化和音频信息深度分析和利用提供了坚实的基础。 流媒体就是指在网络上使用流式传输技术的连续时基媒体，是通过网络传输的音频、视频或多媒体文件。关键是流式传输技术，流式传输主要指通过网络传送媒体(如视频、音频)的技术总称，其特定含义为通过网络将影音节目传送到PC单机。
实现流式传输分两种方法:实时流式传输方式(Realtime streaming)和顺序流式传输方式(progressive streaming)。 网络上常见的流格式音频的格式主要有美国Realnetwork公司的*.RA格式和微软公司的*.WMA格式,另外还有一个多用于专业领域的美国苹果公司*.MOV格式，在这三种格式中,MOV格式的音质是最好的，特别是MIDI方面,支持GS和GM两种音色，播放效果要明显的强于Windows media player，下面就给大家详细的介绍这几种格式的特点：
RealAudio格式
这是美国RealNetwork公司的一个元老级的产品，也是目前网上最流行的流式媒体技术。许多Internet的音乐台、视频点播站点都采用它。RealMedia其中包含RealAudio(声音文件)、RealVideo(视频文件)和RealFlash(矢量动画)这三类文件。
QuickTime格式
QuickTime与RealMedia一样，完合兼容于苹果机与PC机。在同样网速和文件大小的情况下，它的音像品质是最好的。它由三个不同部分所组成：QuickTime Movie(电影)文件格式，QuickTime媒体抽象层、QuickTime内置媒体服务系统。
Windows Media Audio格式
WMA(Windows Media Audio)是来自于微软的重量级选手,它的前身是微软公司的Netshow，后台强硬,也是为数众多Windows使用者最为熟悉的，它的核心技术是ASF(Advanced Streaming Format,高级流格式)。ASF格式支持任意的压缩/解压缩编码方式，并可以使用任何一种底层网络传输协议，具有很大的灵活性，比较MPEG之类的压缩标准增加了控制命令脚本的功能，它以减少数据流量但保持文件质量的方法来实现流式多媒体内容发布。
网络上风行的FLASH虽然是矢量动画技术，可是它一样的可以包含声音信息,也支持流式传输，高品质FLASH的SWF格式文件声音更加出众，而且文件体积更小，也有使用这种技术做的音乐网站,在欣赏的时候需要你安装一个FLASH的插件,以2013年的网络速度而言，区区几百KB的FLASH插件一会儿的工夫就可以安装完成,然后你就可以欣赏SWF格式的音乐了。 在浏览器中，我们常见的地址是以http://和ftp://开头的。Web服务器也可以通过http协议来处理流式媒体文件,然而Web服务器本身的设计并不能有效率地传送串流媒体档案。
串流媒体必须占用一个不间断地封包串流,而且会长时间地与服务器保持连线状态，如果有太多访客同时上线观看,效能便会大打折扣。为了解决这个问题，流格式媒体文件有它自己的一套协议。
1、即时串流通讯协议(Real Time Streaming Protocol，RTSP)：是RealNetworks公司协助建立的一个用来传送串流媒体的开放网页标准。虽然它必须使用一种称为RealServer的特殊服务器,然而RTSP能够提升流式媒体影片的品质,改善传送效率以及提供更佳的高流量处理功能。如果你的ISP具备了RealServer服务,那么建议你使用RealServer而不要使用Web服务器来传送串流媒体档案。
2、MMS(Media Server protocol,MMS):这是微软定义的一种流格式传输协议。
3、实时传输协议(Theater Server protocol,RTP):这是用于Internet上针对多媒体数据流的一种传输协议。RTP被定义为在一对一或一对多的传输情况下工作,其目的是提供时间信息和实现流同步，通俗的说也就是网络上的WEB服务器。
4、资源预订协议(ResourceReserveProtocol,RSVP),由于音频和视频数据流比传统数据对网络的延时更敏感，要在网络中传输高质量的音频、视频信息，除带宽要求之外,还需其他更多的条件。RSVP是正在开发的Internet上的资源预订协议，使用RSVP预留一部分网络资源(即带宽)。
这些协议代替了http和ftp，而是像mms://61.139.25.41/quake，以MMS或RTSP等开头。 以上三种格式各有各的播放器,它们分别是RealPlayer、QuickTime Player和Windows Media Player。
1、RealPlayer
Real格式具有很高的压缩比和良好的压缩传输能力，特别适合网络上播放或是在线直播方式，在视频流媒体格式中RM格式是素质最差的，可是文件也是最小的，低速网用户(非ADSL和宽带网用户)也可以很轻松地在线欣赏视频节目。RealPlay播放器使用也非常方便，系统的资源占用在其他二者之间，是低配置用户的最好选择。凭着ReaNetworks公司优秀的技术，它已占领了半数以上的网上流式视音频点播市场。
2、QuickTime Player
QuickTime Player可以通过Internet提供实时的数字化信息流、工作流与文件回放功能。QuickTime文件的素质极高,缺点是文件个头比较大，当然,高清晰、高质量的画面往往就意味着更大尺寸的文件,更多的传输时间。正因如此，在网络上QuickTime只能用做一些多媒体广告、产品演示、高清晰度影片等需要高清晰表现画面的视频节目上。在网络速度不流畅的地方观看起来有些吃力，而且QuickTime Player的系统资源占用较高,要求你的机器配置较好才能胜任,最好是拥有快速CPU和更大容量的内存的高性能电脑。
现在QuickTime PLAYER的最新版本是5.0，注意，QuickTime Player播放器可不是免费的,大家可以到苹果公司的主页上去下载。
3、Windows Media Player
WMA的播放器使用Windows自带的Windows Media Player就可以了，WMA格式音乐的一大特点不需要额外的播放器，你在“开始-程序-附件-娱乐”中就可以找到它的身影。其制作、发布和播放软件也与Windows NT/2000/9x集成在一起，更加强大的是Windows Media增加了版权保护功能,可以限制播放时间、播放次数甚至于操作系统等,这对于被盗版搅得焦头乱额的音像出版商们可是一大福音。WindowsMedia文件比起RealMedia文件大些,在线播放状态下比QuichTime可以获得更快、更流畅的效果。
F. 声音可视化技术汇总
【Dev】
《Android 音频可视化》 https://juejin.cn/post/6873253309944168456
《shark-dynamics》 https://github.com/shark-dynamics/shark-music-visualizer-android
《felixpalmer》 https://github.com/felixpalmer/android-visualizer
《Sync GAN Art to Music with a Few Lines of Python Code》 https://towardsdatascience.com/introcing-lucid-sonic-dreams-sync-gan-art-to-music-with-a-few-lines-of-python-code-b04f88722de1
《mikaelalafriz》 https://github.com/mikaelalafriz/lucid-sonic-dreams
《NVlabs》 https://github.com/NVlabs/stylegan2-ada
《justinpinkney》 https://github.com/justinpinkney/awesome-pretrained-stylegan2#modern-art
《Librosa》 https://librosa.org/doc/latest/display.html
《Particle Designer》 https://www.71squared.com/particledesigner
【UE】
《音频可视化：采样、频率和傅里叶变换》 https://cjting.me/2021/08/07/fourier-transform-and-audio-visualization/
《基于Web Audio API实现音频可视化效果》 https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API
《Touchdesigner》 http://www.touchdesigner.co/
《processing》 https://processing.org/
《 11个 JavaScript motion》 https://juejin.cn/post/6844903807600558094
【视频素材】
https://www.youtube.com/watch?v=iEFqcMrszH0 （图像学习向）
https://www.bilibili.com/video/BV1h4411m7xX （频调向）
https://www.bilibili.com/s/video/BV1jQ4y1R74r（频调向）
https://www.bilibili.com/video/BV1s5411A7DB?from=search&seid=15112895896690811619（频调向）
https://www.bilibili.com/video/BV1R54y1y74L?from=search&seid=8876038932887042556（频调向）