Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青

Presentation on theme: "Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青"— Presentation transcript:

1 Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青

2 VideoPlayer與Camcorder

3 1. VideoPlayer說明1 http://www.appinventor.tw/ai2_media_videoplayer
可播放影片的多媒體元件，在裝置螢幕上顯示一個矩形 使用者點擊時會出現影像控制工具列 播放 / 暫停（play/pause）、往前/往後快轉 可播放的影像檔格式可為 wmv、3gp 或 mp4 等 App Inventor 單一應用程式中(aia檔)所有的資源檔總和不得超過 5MB

4 VideoPlayer 說明2 屬性 方法 事件

5 2. Camcorder說明 http://www.appinventor.tw/ai2_media_camcorder
使用裝置上的錄影機來錄製影片 影片錄好後，會以 AfterRecording 事件以參數回傳該影片的檔名，可用來指定為 VideoPlayer 元件的影片來源 (source)

6 3. Voice實例：介面設計 一開始隱藏 螢幕設為橫向 上傳piano.mp4

7 Voice實例：程式碼 (播放影片)

8 Voice實例：程式碼 (錄影後播放)

9 執行結果 播放完畢

10 執行結果 開啟錄影機 錄影 停止 錄影 錄影完成後， 播放拍攝影片

11 How to overcome the App Inventor project limit of 5 MB ？

12 相關解決方法 http://puravidaapps.com/filebyfile.php
Uses small resolution images in App Inventor. These images will be replaced after building the app with higher resolution images. (先用低解析度或品質較差的檔案，再更換，見下頁) or Use a personal server to build your project. You can choose between Ai2LiveComplete by Hossein AI2 Ultimate by krupong

13 實例 love.mp4 (泰國廣告：科技無法取代愛)，18.7MB檔案過大，無法載入
暫時先用較小的檔案(例如piano.mp4，3.88MB)，將專案打包成apk檔，存到電腦

14 針對apk檔解壓縮 若看不到副檔名：檔案總管→檢視→勾選副檔名 將副檔名.apk，改為.zip，解壓縮到一個資料夾內 針對assets資料夾
刪除原先的piano.mp4 將love.mp4複製到此資料夾，改名為piano.mp4 刪除META-INF資料夾 將剩下的所有資料夾及檔案，壓縮成zip檔，命名為update.zip

15 使用apk簽名工具，產生apk文件 以Auto-sign為例 下載後，解壓縮，會有一個Auto-sign資料夾
將上頁的update.zip，複製到Auto-sign資料夾內 執行Sign.bat，會產生update_signed.apk 將apk檔存到手機，執行安裝即可 (由於簽名不同，如果先前已將App Inventor製作的apk安裝到手機中，則需先移除該應用程式，再進行此次安裝)