App Inventor project限制10 MB 靜宜大學資管系 楊子青
1.上傳love.mp4 (18.7MB)看看
How to overcome the App Inventor project limit of 10 MB ? http://puravidaapps.com/filebyfile.php
相關解決方法1 Uses small resolution images in App Inventor. These images will be replaced after building the app with higher resolution images. 先用低解析度或品質較差的檔案,打包apk再更名為zip 解壓縮置換同檔名的高品質檔案,再壓成zip檔更名成apk 最後再用apk簽名工具進行簽名 相關apk工具可參考 https://www.idaybreak.com/android-apk-tools.html
相關解決方法2 Use the http://code.appinventor.mit.edu server it runs on Amazon Web Services and does not have this 10 MB limitation. 可用Gmail帳號登入
相關解決方法3 Use a personal server to build your project: AI2 Ultimate by krupong (自行架設App Inventor 2 的伺服器,亦即:單機離線版) https://sourceforge.net/projects/ai2u/ 按files尋找最新的版本下載
相關解決方法4 uses the Extended Webviewer extenion to download files. 先將檔案放到網頁空間,並記下網址 利用webviewer擴充元件或web元件下載檔案,再進行播放
2.將多媒體檔案放到網頁空間 以靜宜大學網頁空間為例 http://www1.pu.edu.tw/www1.html 使用sftp 軟體(例如FileZilla),連線到個人首頁主機(www1.pu.edu.tw),以入口網站帳號、密碼登入 將網頁或多媒體檔案上傳到html資料夾內 在瀏覽器,輸入: http://www1.pu.edu.tw/~e-mail帳號/檔案名稱
將多媒體檔案放到雲端硬碟 把Google Drive變成HTML空間 https://www-drv.com/index.html https://www.minwt.com/website/server/19192.html?fbclid=IwAR3ksBC4xTLunVRFGNz-w_pYqJfKIosgZbxoahGkKDjDeuhbT_rLnfLA69U https://www-drv.com/index.html 選擇要建立HTML網頁空間的雲端硬碟,目前支援Google Drive與One Drive 選擇Google帳戶,再按允許 假設檔案放在自己雲端硬碟裡的files資料夾,檔名love.mp4,共用設為公開在網路上(或是:任何知道連結的使用者) 至瀏覽器,輸入以下網址試試看 https://drv.tw/~gamil帳號/gd/files/love.mp4
WebExample專案:介面設計
WebExample專案:程式碼
專案模擬結果 點選圖形按鈕 經過一些時間後
轉成apk安裝後結果 點選圖形按鈕 出現錯誤訊息
出了什麼問題? Android 4.0 之後,所有的網路行為,都不能在主執行緒(Main Thread,又稱UI執行緒)執行 任何UI元件都在主執行緒中執行,若程式佔據主執行緒很久(例如按了一個按鈕後,整個App停住五秒),使用者體驗會非常差 因此許多耗時的程式建議在背景執行,最常見的是網路的功能
改善方式 運用Web元件先抓回檔案,完成後再播放
3. Web元件 提供 HTTP GET, POST, PUT 以及 DELETE 等功能 重要屬性
Web元件重要方法
Web元件重要事件
修改WebExample專案:使用者介面
修改WebExample專案:程式碼 分兩階段(先下載存回檔案,完成後再播放)
下載apk進行安裝,已可播放網路影片
由於下載網路影片,可能要花點時間 加入Notifier元件,顯示下載進度 修改程式碼: