用 CustomPaint 畫出複雜的聲音波

用 CustomPaint 畫出複雜的聲音波

紅寶鐵軌客

寫程式中、折磨中、享受中 ......

333 0

2021/12/10

30分鐘

☕

文章摘要

深入 CustomPaint()，導入多工 isolate() 計算複雜的波形資料，優化使用者體驗，正面對決巨量繪圖的挑戰

產生音波 PCM

接下來，我們將要展示如何畫出音波，要畫出音波就要有音波的數值，也就是 PCM（脈波編碼調變，英語：Pulse-code modulation），...

你為什麼看不到完整文章？

本文是以下書中的付費文章，購買該書後就能解鎖，而且是解鎖整本！

快速學會 Flutter 2 - NT$168

喜歡作者的文章嗎？馬上按「關注」，當作者發佈新文章時，思書™就會 email 通知您。

思書是公開的寫作平台，創新的多筆名寫作方式，能用不同的筆名探索不同的寫作內容，無限寫作創意，如果您喜歡寫作分享，一定要來試試！ 《加入思書》

思書™是自由寫作平台，本文為作者之個人意見。

code milestone 13

V0.7 成果展示 2 - 可以畫出音檔波形圖了

文章資訊

本文摘自:

快速學會 Flutter 2

Categories:

科技

⟩

程式開發

⟩

Flutter

科技

⟩

Android

⟩

軟體開發

科技

⟩

蘋果

⟩

iOS軟體開發

Tags:

computer() isolate() repaintboundary() randerslider() canvas.save should repaint() custompainter performance profile vsync fps custompaint ffmpeg 音波圖 pcm flutter 2 快速學會 flutter

Date:

Published: 2021/12/10 - Updated: 2021/12/11

Total: 8926 words

關於作者

很久以前就是個「寫程式的」，其實，什麼程式都不熟⋯⋯
就，這會一點點，那會一點點⋯⋯

看看作者的其他文章

V0.7 成果展示 2 - 可以畫出音檔波形圖了

「快樂錄音機」現在可以將錄音檔的波形顯示出來了，而且還可以放大進去看。
使用 Flutter CustomPaint 及多工的 isolate 的 compute() 開發，下面是在 iPad 模擬器上執行的動畫：

Rails 字串處理 encode 及除錯

寫動態網頁，少不了就是字串變來變去，我們這篇來探討幾個很重要的關鍵：
字串跳脫
先說簡單的，在 Ruby 中，我們要如何處理字串內的單雙引號及換行等的特殊符號，看完以下實例就很清楚了：

HTML Escape / Unescap...

看看思書的其他文章

冰月暗號

「但你不是想回家嗎？你會在那永遠停下來，直到你的東西用完再出門吧。」莎莎娜鍥而不捨的追問，換來的只是萊肯沃斯沉默地搖頭。
「好吧，我要走了，明天再來看你。」莎莎娜吞下最後一片餅乾，隨後再次跳出窗外，消失在夜幕之中，只剩下萊肯沃斯在房間裡，他收...

Costco 花枝蝦餅得九月 1.5 分

沒事不要去 costco，去了無聊，就又買了些新東東回來自己當白老鼠。
這次試的是「冷凍花枝蝦餅」，乍看之下很大一包，其實只有四片，忘記確實價格了，好像五百左右一包，一片要 120 左右，如果好吃，沒問題，但也算是個貴貴餅。

打開後，一...