多媒體系統07_Android App影音互動擴增實境

1. 多媒體系統
教師：陳志華博士

2. 報告大綱-Android App影音互動擴增實境
EasyAR簡介和安裝
EasyAR範例
手機安裝APK檔
自訂圖片和影片
自訂App名稱和Icon
2

3. EasyAR簡介和安裝
EasyAR為一套可免費開發且容易
入門的擴增實境開發套件
網址：https://www.easyar.com/
第一次使用需點擊右上角之「Sign
Up」註冊帳號
3

4. EasyAR簡介和安裝
註冊帳號和密碼
輸入完成後，點擊「Sign Up」
並到信箱收信和完成註冊
4

5. EasyAR簡介和安裝
用已註冊之帳號和密碼登入網站
點擊「Add SDK License Key」
5

6. EasyAR簡介和安裝
點選「EasyAR SDK Basic Free and
no watermark」
設定App名稱，此例為
「HelloARVideo 」
設定專案Package名稱，此例為
「 cn.easyar.samples.helloarvideo」
點擊「Comfirm」
6

7. EasyAR簡介和安裝
點擊新增之App名稱， 此例為
「HelloARVideo 」
7

8. EasyAR簡介和安裝
取得SDK License Key資訊
◦ 5magXzEmfLN2hkvDiKjAMGNAW
lLKYW1vxW65srExkjsLmnpsaOG4I
WTsbalJX90AxKVCqEJe0m5JM700
QxJU05Jbm8gZH53RFmcsrW0xJED
WXGW0IUZJpnO9RrHrRvv9xbOG
m8cngDyMMnlSVeqMz14yLawsB9y
GswVkrlWC3TMD8EhELfvVKK7c
SAdckPhKZMbiiNbW
8

9. EasyAR範例
連結下載頁面
◦ https://www.easyar.com/view/downloa
d.html#download-nav3
點擊
「EasyAR_SDK_2.2.0_Basic_Sampl
es_Android」，下載範例程式
9

10. EasyAR範例
將範例程式解壓縮，本例放在
「D:ARHelloARVideo 」
10

11. EasyAR範例
開啟AndroidStudio
點擊「Import project (Eclipse
ADT, Gradle, etc.)」
11

12. EasyAR範例
點選解壓縮之範例程式，本例為「D:ARHelloARVideo 」
12

13. EasyAR範例
若未安裝「android-23」，將出現
提示
點擊「install missing platform(s)
and sync project」，以安裝
「android-23」
13

14. EasyAR範例
安裝完成後，點擊「Finish」
14

15. EasyAR範例
若未安裝「Build Tools revision
23.0.1」，將出現提示
點擊「install Build Tools 23.0.1 and
sync project」，以安裝「Build
Tools revision 23.0.1」
15

16. EasyAR範例
安裝完成後，點擊「Finish」
16

17. EasyAR範例
若Gradle版本太舊，將出現提示
「Update to 3.0.1」
點擊「Update to 3.0.1」，以更新
Gradle版本
17

18. EasyAR範例
開啟「MainActivity.java」
修改key字串，本例為
◦ private static String key =
"5magXzEmfLN2hkvDiKjAMGNA
WlLKYW1vxW65srExkjsLmnpsaOG
4IWTsbalJX90AxKVCqEJe0m5JM70
0QxJU05Jbm8gZH53RFmcsrW0xJE
DWXGW0IUZJpnO9RrHrRvv9xbO
Gm8cngDyMMnlSVeqMz14yLawsB
9yGswVkrlWC3TMD8EhELfvVKK7
cSAdckPhKZMbiiNbW";
18

19. EasyAR範例
點擊「BuildRebuild Project」重新
編譯專案
19

20. EasyAR範例
複製編譯完成之APK檔，本例放在
「D:ARHelloARVideoappbuildo
utputsapkapp-debug.apk」
20

21. EasyAR範例
放置手機SD卡或本機中，本例放
在「電腦Galaxy J2
PrimeCardAPKapp-debug.apk」
21

22. 手機安裝APK檔
於手機中開啟檔案總管App
點擊「app-debug.apk」
點擊「安裝」
點擊「程式安裝器」
22

23. 手機安裝APK檔
於手機中開啟檔案總管App
點擊「安裝」
點擊「開啟」
23

24. 手機安裝APK檔
執行結果
掃瞄到圖片時，會出現影片介紹
24

25. 自訂圖片和影片
將自訂圖片命名為「argame00.jpg」
並且放入「assets」資料夾中
25

26. 自訂圖片和影片
將自訂影片命名為「video.mp4」
並且放入「assets」資料夾中
26

27. EasyAR範例
執行結果
掃瞄到圖片時，會出現
高雄科技大學影片介紹
27

28. 自訂App名稱和Icon
修改「appresvaluesstrings.xml」
修改app_name
◦ <string name="app_name">高科大
</string>
28

29. 自訂App名稱和Icon
將自己繪製之icon命名為
「ic_launcher.png」
將icon圖檔放至「appresmipmap」
29

30. 自訂App名稱和Icon
執行結果
30

31. 隨堂練習
嘗試建立一個屬於自己的擴增實境App
◦ 自訂圖片和影片
◦ 自訂App名稱和Icon
31