iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 21
1

這篇用來練習 Media 套件,另外一個功能就是錄音。

上一篇上上一篇 已經新增了 必要的套件。
最主要就是 Media 跟 File ,File 最主要指定是儲存的位置。

新增一個 Record 頁面,接著把他加入在 Music 中。 記得刪除指令幫你建立的 module 跟 Route,還有移除在 app-routing.module.ts 中自動建立的 Route。

ionic generate page record

music.module.ts

music-routing.module.ts

在 music.page.html 建立一個進入點

在 music.page.ts 連結到 Record 頁面,記得上面要宣告跟匯入 Router。

record.page.html

CSS

record.page.ts
開始錄音

停止錄音

小結語,比想像中順利,最讓我覺得不了解的地方應該是我要怎麼使用 File 套件去對應 Android 手機上的位置。

這是錄製中的結果

Yes

Music 的播放器播放錄音的結果。

Yes


上一篇
Music & File
下一篇
Weather & Geolocation
系列文
純粹沒有寫過行動,Ionic 學習中...30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言