多媒體元件

使用者界面+界面布局  多媒體(Media):(一)照相機、(二)圖片選擇器(三)音效元件、(四)音訊播放器 繪圖動畫(Drawing and Animation) 感測器&通訊連接  其他元件雲端應用
2016/01/12 謝碧景(c)編製更新 

 學習目標 MIT App Inventor

  • 學會Media(多媒體)類別中Camera(照相機)】及【ImagePicker(圖片選擇器)】元件的設計與應用。
  • 學會Sound(音效)】元件的設計與應用。
  • 學會Player(音訊播放器)】元件的設計與應用。

一、照相類元件

(一)照相機 Camera

  • Camera(照相機)元件位於左側元件面板(Palette)之『多媒體(Media)』類別中,為非視覺元件(即不會顯示在行動裝置上),程式中以按鈕啟動照相功能。
  • 方法與事件:

拍照 方法   啟動照相裝置
拍照完成 事件  當照相完成後會觸發此事件。

*註:參閱
內建指令說明:Media→
Camera 照相機《摘自: AppInventor中文學習網指令中文化

(二)圖片選擇器 ImagePicker

  • ImagePicker(圖片選擇器)元件位於左側元件面板(Palette)之『多媒體(Media)』類別中,可讓使用者從行動裝置之『相簿』中選取一張相片。
  • 方法與事件:

選擇完成 事件 當完成相片選取後,會觸發此事件。
準備選擇 事件  當選擇相片前,會觸發此事件。
打開選框 方法  啟動相簿,選取相片功能。 
 
  • 啟動ImagePicker(圖片選擇器)元件有兩種方式:
    • 直接點選ImagePicker(圖片選擇器)元件,系統會開啟行動裝置的相簿,讓使用者選取。
    • 透過程式方塊中以『打開選框』方法啟動ImagePicker(圖片選擇器)元件。該作用相同於使用者點選ImagePicker(圖片選擇器)元件。
*註:參閱內建指令說明:Media→ImagePicker (圖片選擇器)《摘自: AppInventor中文學習網指令中文化

homework 練習9:請運用『多媒體』類別中Camera(照相機)元件及ImagePicker(圖片選擇器)元件建立班級相簿集錦【重點:學會『Media(多媒體)類別中元件的設計與應用】(檔名:camera.aia)

(一) 外觀編排(Designer)頁面:即版面配置頁面,如下圖。

設定元件屬性:

(二) 程式設計(Blocks)頁面

  • 語系→繁體中文:

  • 語系→English:


二、聲音類元件

App Inventor 2 有2個播放聲音的相關元件(音效元件、音訊播放器元件),及1個錄音元件,簡述如下:

(一)Sound音效元件

  • Sound(音效)元件位於左側元件面板(Palette)之『多媒體(Media)』類別中,為非視覺元件,可播放較短的音效檔,亦可讓手機產生震動。
  • 屬性與方法:
 屬性:
屬性 說明 
來源文件 設定播放的聲音檔
最小間隔 在最小間隔內播放完音效,且不重複。
 方法
1.包含:從頭播放、暫停播放、繼續播放、及停止播放。
2.震動:振動時間由參數傳入,時間單位為毫秒(1秒=1000毫秒)。
  例如:讓手機震動1秒。
 

*註:參閱內建指令說明:Media→Sound 音效元件 《摘自: AppInventor中文學習網指令中文化

homework  練習10:簡易鋼琴:當按下琴鍵,分別彈奏Do、Re、Mi、Fa、So、La、Si 音效。【重點:學會Media(多媒體)類別中Sound(音效)元件的設計與應用】 琴鍵圖檔及7個音效檔(檔名:SoundPiano.aia)

(一) 外觀編排(Designer)頁面:即版面配置頁面,如下圖。



(二) 程式設計(Blocks)頁面

  • 語系→繁體中文:

  • 語系→English:

(二)Player音訊播放器元件 

  • Player(音訊播放器)元件位於左側元件面板(Palette)之『多媒體(Media)』類別中,為非視覺元件,可播放較長的音樂檔,亦可讓手機產生震動。
  • 內建指令說明:Media→Player 播放器 《摘自: AppInventor中文學習網指令中文化
  • 屬性、方法及事件:
 屬性:
屬性 說明 
來源文件 設定播放的聲音檔
音量 設定播放之音量大小,由1~100,預設為50。
循環播放 設定是否循環播放。 
播放狀態 目前是否正在播放中。 
 方法與事件
方法與事件 說明 
暫停 方法 暫停播放聲音。
開始 方法 開始或繼續播放聲音。
停止 方法 停止播放聲音。 
震動 方法 設定手機產生震動,時間單位為毫秒(ms)。 
已完成 事件  當聲音檔播放結束,會觸發此事件。 

*註:參閱內建指令說明:Media→Player 播放器 《摘自: AppInventor中文學習網