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（頻調向）