How to avoid OutOfMemoryError trouble in Android

- ExoPlayer
- Bitmap
- Glide
- Tools (Leak Canary, Stetho, Takt)

Transcript

1. AndroidでOutOfMemory
 にならないためのメモリ戦略 wasabeef AbemaTV Developer Conference 2016
2. About me 降矢 大地 (Daichi Furiya) Google Developer Expert AbemaTV, Inc. @wasabeef_jp wasabeef
4. 10-14 00:38:00.683 13057-13057/tv.abema E/AndroidRuntime: FATAL EXCEPTION: main Process: tv.abema.debug, PID: 13057 java.lang.OutOfMemoryError: THIS IS FAKE at tv.abema.components.activity.MainActivity.onCreate(MainActivity.java:366) at android.app.Activity.performCreate(Activity.java:6664) at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1118) at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2599) at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2707) at android.app.ActivityThread.-wrap12(ActivityThread.java) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1460) at android.os.Handler.dispatchMessage(Handler.java:102) at android.os.Looper.loop(Looper.java:154) at android.app.ActivityThread.main(ActivityThread.java:6077) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:865) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:755)
5. OutOfMemoryError
6. java.lang.OutOfMemoryError Java Heapが不足している 画像(Bitmap)を持ち過ぎている場合が多い OutOfMemoryError
7. Java HeapSize Model getMemoryClass getLargeMemoryClass Nexus 5X 192MB 512MB Xperia Z1 (SOL23) 192MB 512MB Galaxy Nexus 96MB 256MB Nexus 7 (2013) 192MB 512MB Nexus 7 (2012) 64MB 384MB Nexus S 48MB 128MB
8. AbemaTV おおよその通信量(動画)
10. リリース済みアプリが 強制終了するのは そもそもテスト不足？
11. Fragmentation
12. Device Fragmentation http://opensignal.com/reports/
13. Brand Fragmentation http://opensignal.com/reports/
14. Screen Size Fragmentation (Android) http://opensignal.com/reports/
15. Screen Size Fragmentation (iOS) http://opensignal.com/reports/
16. AbemaTV
17. Distribution (AbemaTV) Version Codename Distribution Android 6.0 Marshmallow 28.38% Android 5.0 Lollipop 22.72% Android 4.4 KitKat 20.09% Android 5.1 Lollipop 13.60% Android 4.2 Jelly Bean 9.60% Android 4.1 Jelly Bean 4.29% Android 4.3 Jelly Bean 0.79% Android 7.0 Nougat 0.52% Android 7.1 Nougat 0.00% Android 4.0.3 - 4.0.4 Ice Cream Sandwich 0.00% 4.1 4.2 5.1 4.4 5.0 6.0
18. Distribution (AbemaTV) Model Brand Distribution Xperia Z3 (SO-01G) Sony 2.81% Xperia Z3 (SOL26) Sony 2.40% Xperia Z5 (SOV32) Sony 2.39% Xperia Z5 (SO-01H) Sony 2.10% Z3 Compact (SO-02G) Sony 1.96% Qua tab 01 (KYT31) 京セラ 1.47% Xperia Z4 (SOV31) Sony 1.47% Galaxy S5 (SC-04F) Samsung 1.45% Nexus 7 (2013) Google 1.45% Xperia A (SO-04E) Sony Ericsson 1.37% その他 その他 81.13% その他 Xperia A (SO-04E) Nexus 7 (flo) Galaxy S5 (SC-04F) Xperia Z4 (SOV31) Qua tab 01 (KYT31) Z3 Compact (SO-02G) Xperia Z5 (SO-01H) Xperia Z5 (SOV32) Xperia Z3 (SOL26) Xperia Z3 (SO-01G)
19. Video Resolution
20. 1080p (bandwidth = 4200000) 720p (bandwidth = 2200000) 480p (bandwidth = 1400000) 360p (bandwidth = 900000) 240p (bandwidth = 300000) Video Resolution
21. Video Resolution 解像度 Wi-Fi Mobile xxxhdpi 1080p 360p 560 dpi 1080p 360p xxhdpi 720p 360p 400 dpi 720p 360p xhdp 480p 240p hdp 360p 240p mdp 240p 240p
22. ExoPlayerでは Playlistの順番を意識する
23. #EXTM3U #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=300000 240/playlist.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=900000 360/playlist.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1400000 480/playlist.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=2200000 720/playlist.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=4200000 1080/playlist.m3u8 ExoPlayerではPlaylistの順番を意識する
24. ExoPlayerではPlaylistの順番を意識する 240/playlist.m3u8 BANDWIDTH: 300000 Header 360/playlist.m3u8 BANDWIDTH: 900000 480/playlist.m3u8 BANDWIDTH: 1400000 720/playlist.m3u8 BANDWIDTH: 2200000 1080/playlist.m3u8 BANDWIDTH: 4200000
25. 最初はPlaylistの一番上を読み込む 転送速度によってBandwidthを切り替える どのPlaylistを読むか決定する DefaultだとLimit指定は出来ない DefaultBandwidthMeter class
26. ExoPlayerの インスタンスは1つにする
27. ExoPlayerのインスタンスは1つにする
28. ExoPlayerのインスタンスは1つにする playing
29. ExoPlayerのインスタンスは1つにする playing
30. Heapの少ない端末では保持しきれない Nexus7などの端末はDecoder(OMX)の
 インスタンス生成制限に到達する場合がある Surfaceも破棄できてれば尚良い ExoPlayerのインスタンスは1つにする
31. ExoPlayerで OkHttp Extensionを使う
32. HttpDataSource実装 Okhttpでキャッシュサイズの指定をする HTTP/2に対応しやすい ExoPlayerでOkHttp Extensionを使う
33. DataSource
34. HttpDataSource FileDataSource AssetDataSource ContentDataSource DataSource
35. H.264/H.265のDecoderが HW実装かSW実装かを把握する
36. SW (OMX.google)か
 HW (OMX.qcom/OMX. Nvidia等)を確認する libstagefright/MediaCodec.cppなどの
 実装も読む SW実装は、再生が不安定になる場合がある H.264/H.265のDecoderがHW実装かSW実装かを把握する
37. Bitmap
38. Supported Image Formats Format Encoder Decoder Details File Type JPEG ◯ ◯ Base Progressive .jpg GIF ◯ .gif PNG ◯ ◯ .png BMP ◯ .bmp WebP ◯ 4.+ ◯ 4.+ .webp
39. 画像を扱う基本的なAPI BitmapFactoryでオブジェクト生成する OutOfMemoryを起こす原因になりやすい Bitmap class
40. inSampleSize
41. inSampleSize public static int calculateInSampleSize( BitmapFactory.Options options, int reqWidth, int reqHeight) { final int height = options.outHeight; final int width = options.outWidth; int inSampleSize = 1; if (height > reqHeight || width > reqWidth) { final int halfHeight = height / 2; final int halfWidth = width / 2; while ((halfHeight / inSampleSize) >= reqHeight && (halfWidth / inSampleSize) >= reqWidth) { inSampleSize *= 2; } } return inSampleSize; }
42. inSampleSize public static Bitmap decodeSampledBitmapFromResource( Resources res, int resId, int reqWidth, int reqHeight) { // First decode with inJustDecodeBounds=true to check dimensions final BitmapFactory.Options options = new BitmapFactory.Options(); options.inJustDecodeBounds = true; BitmapFactory.decodeResource(res, resId, options); // Calculate inSampleSize options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight); // Decode bitmap with inSampleSize set options.inJustDecodeBounds = false; return BitmapFactory.decodeResource(res, resId, options); }
43. inSampleSize imageView.setImageBitmap( decodeSampledBitmapFromResource(res, R.id.myimage, 100, 100));
44. inPreferredConfig Bitmap.Config
45. ARGB_8888 ARGB_4444 RGB_565 ALPHA_8 inPreferredConfig & Bitmap.Config
46. inPurgeableは使わない
47. 再利用性の無いBitmapを自動で解放する ただの地雷 LOLIPOPから非推奨 UIのパフォーマンス低下につながる inPurgeableは使わない
48. Glide
49. Bump Technologies Image loading framework Media decoding Memory and disk caching Glide
50. Glide Glide.with(context) .load("https://wasabeef.jp/sample.jpg") .into(imageView);
51. ARGB_8888とRGB_565を使い分ける
52. ARGB_8888とRGB_565を使い分ける
53. ARGB_8888とRGB_565を使い分ける RGB_565
54. ARGB_8888とRGB_565を使い分ける ARGB_8888
55. GlideModule public class GlideModule extends OkHttpGlideModule { @Inject OkHttpClient client; @Override public void applyOptions(Context context, GlideBuilder builder) { builder.setMemoryCache(new LruResourceCache(getMaxCacheSize(context))) .setDecodeFormat(DecodeFormat.PREFER_ARGB_8888); } private int getMaxCacheSize(Context context) { ActivityManager activityManager = (ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE); return (activityManager.getMemoryClass() * 1024 * 1024) / 4; } }
56. GlideModule public class GlideModule extends OkHttpGlideModule { @Inject OkHttpClient client; @Override public void applyOptions(Context context, GlideBuilder builder) { builder.setMemoryCache(new LruResourceCache(getMaxCacheSize(context))) .setDecodeFormat(DecodeFormat.PREFER_ARGB_8888); } private int getMaxCacheSize(Context context) { ActivityManager activityManager = (ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE); return (activityManager.getMemoryClass() * 1024 * 1024) / 4; } }
57. ARGB_8888とRGB_565を使い分ける Glide.with(context) .load("https://wasabeef.jp/sample.jpg") .into(imageView);
58. ARGB_8888とRGB_565を使い分ける Glide.with(context) .load("https://wasabeef.jp/sample.jpg") .asBitmap() .format(DecodeFormat.PREFER_RGB_565) .into(imageView);
59. キャッシュさせるサイズを意識する
60. キャッシュさせるサイズを意識する
61. キャッシュさせるサイズを意識する
62. キャッシュさせるサイズを意識する 550 x 315
63. キャッシュさせるサイズを意識する 430 x 245
64. キャッシュさせるサイズを意識する 550 x 315 430 x 245
65. “/image.jpg?w=550&h=315” キャッシュさせるサイズを意識する
66. サイズは違うがGlideのキャッシュは 1つのサイズに統一して持っていたほうが 効率がいい場合もある キャッシュさせるサイズを意識する
67. 表示させるサイズを意識する
68. 表示させるサイズを意識する 550 x 315 430 x 245
69. 表示させるサイズを意識する Glide.with(context) .load("https://wasabeef.jp/sample.jpg") .into(imageView);
70. 表示させるサイズを意識する Glide.with(context) .load("https://wasabeef.jp/sample.jpg") .override(550, 315) .into(imageView);
71. 表示させるサイズを意識する Glide.with(context) .load("https://wasabeef.jp/sample.jpg") .override(550, 315) .centerCrop() .into(imageView);
72. Webpを使おう
73. Google.webp Android 4.+ JPEG/PNGに対して約30%小さい Webpを使おう
74. LargeHeap...
75. よく使うToolsの紹介
76. Memory Monitor Allocation Tracker Debug GPU Overdraw Leak Canary Stetho Takt Tools
77. Memory Monitor
78. Memory Profiler Memory Monitor
79. Allocation Tracker
80. メモリ割り当て状況の確認 Allocation Tracker
81. Debug GPU Overdraw
82. 描画回数の最適化 Debug GPU Overdraw
83. Debug GPU Overdraw
84. Debug GPU Overdraw
85. Stetho
86. AndroidでもChrome DevTool Stetho
87. Stetho
88. Stetho
89. Leak Canary
90. メモリリークを検知 Leak Canary
91. Takt
92. FPSを表示 Wasabeef Takt
93. Conclusion
94. Thank you. twitter.com/wasabeef_jp wasabeef.jp github.com/wasabeef Photo by Japan Travel And Tourism Association is licensed under CC BY 4.0 International