ExoPlayer הוא נגן מדיה ברמת האפליקציה ל-Android. במדריך הזה נסביר איך משתמשים בתוסף IMA ל-ExoPlayer, שמקיף את IMA DAI SDK, כדי לבקש ולנגן סטרימינג של מדיה עם מודעות ותוכן.
אלה כמה מהיתרונות של התוסף:
- הקוד הנדרש לשילוב IMA עם תכונות פשוט יותר.
- קיצור זמן הפיתוח הנדרש לעדכון לגרסאות חדשות של IMA.
התוסף ExoPlayer IMA תומך בפרוטוקולים של סטרימינג HLS ו-DASH. ריכזנו כאן את כל הפרטים:
תמיכה בסטרימינג של תוסף ExoPlayer-IMA | ||
---|---|---|
שידור חי | שידורי VOD | |
HLS | ||
DASH |
יש תמיכה בשידורים חיים מסוג DASH ב-ExoPlayer-IMA בגרסה 1.1.0 ומעלה.
המדריך הזה מבוסס על המדריך של ExoPlayer, ומראה איך ליצור אפליקציה מלאה ולשלב את התוסף. ExoPlayerExample
מ-GitHub הוא דוגמה עם אפליקציה לדוגמה מלאה.
דרישות מוקדמות
- Android Studio
- AndroidX Media3 ExoPlayer בגרסה 1.0.0 ואילך לתמיכה ב-DAI.
יצירת פרויקט חדש ב-Android Studio
כדי ליצור פרויקט ב-Android Studio:
- פותחים את Android Studio.
- בוחרים באפשרות Start a new Android Studio project (התחלת פרויקט חדש ב-Android Studio).
- בדף Choose your project, בוחרים את התבנית No Activity.
- לוחצים על הבא.
בדף Configure your project, נותנים שם לפרויקט ובוחרים את השפה Java.
לוחצים על סיום.
הוספת התוסף ExoPlayer IMA לפרויקט
מוסיפים את היבוא של התוסף לקובץ build.gradle ברמת האפליקציה בקטע dependencies
.
מגדירים את האפליקציה ומפעילים multidex. הפעולה הזו נדרשת בגלל גודל התוסף, והיא חובה לאפליקציות שבהן הערך של minSdkVersion
מוגדר ל-Android 4.4W (רמת API 20) ואילך.
לדוגמה:
app/build.gradle
android { ... defaultConfig { applicationId "com.google.ads.interactivemedia.v3.samples.videoplayerapp" minSdkVersion 21 targetSdkVersion 34 multiDexEnabled true versionCode 1 versionName "1.0" } ... } dependencies { implementation 'androidx.multidex:multidex:2.0.1' implementation 'androidx.media3:media3-ui:1.1.1' implementation 'androidx.media3:media3-exoplayer:1.1.1' implementation 'androidx.media3:media3-exoplayer-hls:1.1.1' implementation 'androidx.media3:media3-exoplayer-dash:1.1.1' // Adding the ExoPlayer IMA extension for ads will also include the IMA // SDK as a dependency. implementation 'androidx.media3:media3-exoplayer-ima:1.1.1' }
מוסיפים את הרשאות המשתמשים שנדרשות ל-IMA DAI SDK כדי לבקש מודעות:
app/src/main/AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.project name"> <!-- Required permissions for the IMA DAI SDK --> <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/> ... </manifest>
הוספת הצהרות כוונות
אם האפליקציה שלכם מטרגטת את Android 11 (רמת API 30) ואילך, הגרסאות הנוכחיות והעדכניות של IMA DAI SDK מחייבות הצהרה מפורשת על כוונה לפתוח קישורים לאינטרנט. כדי לאפשר קליקים על מודעות (משתמשים לוחצים על הלחצן מידע נוסף), מוסיפים את קטע הקוד הבא לקובץ המניפסט של האפליקציה.
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.project name"> ... </application> <queries> <intent> <action android:name="android.intent.action.VIEW" /> <data android:scheme="https" /> </intent> <intent> <action android:name="android.intent.action.VIEW" /> <data android:scheme="http" /> </intent> </queries> </manifest>
הגדרת ממשק המשתמש של ExoPlayer
יוצרים את האובייקט PlayerView
לשימוש ב-ExoPlayer.
משנים את הערך androidx.constraintlayout.widget.ConstraintLayout
לערך LinearLayout
, שהוא הערך המומלץ לתוסף ExoPlayer IMA.
לדוגמה:
app/src/main/res/layout/activity_my.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:background="@android:color/black" android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MyActivity" tools:ignore="MergeRootFrame"> <androidx.media3.ui.PlayerView android:id="@+id/player_view" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>
הוספת פרמטרים של הסטרימינג
בדף של נתוני הסטרימינג לדוגמה ב-IMA תוכלו למצוא נכסי סטרימינג לדוגמה לבדיקה של הפרויקט. אפשר גם לעיין בקטע בנושא DAI ב-Ad Manager כדי לקבל מידע על הגדרת מקורות הנתונים שלכם.
בשלב הזה נסביר איך מגדירים שידור חי, אבל התוסף של ExoPlayer IMA תומך גם בשידורי VOD של DAI. בשלב הזה מוסבר אילו שינויים צריך לבצע באפליקציה כדי לטפל בשידורי VOD.
ייבוא התוסף של ExoPlayer IMA
מוסיפים את הצהרות הייבוא של תוסף ExoPlayer.
מוסיפים את המשתנים הפרטיים הבאים אל MyActivity.java
:
PlayerView
ExoPlayer
ImaServerSideAdInsertionMediaSource.AdsLoader
ImaServerSideAdInsertionMediaSource.AdsLoader.State
מוסיפים את מפתח הנכס של שידור ה-HLS Big Buck Bunny (Live) כדי לבדוק אותו בשידור הזה. תוכלו למצוא עוד מקורות לנתוני שידור בדף של IMA עם דוגמאות לנתוני שידור.
יוצרים קבוע KEY_ADS_LOADER_STATE
כדי לשמור ולשלוף את המצב AdsLoader
.
לדוגמה:
app/src/main/java/com/example/project name/MyActivity.java
import static androidx.media3.common.C.CONTENT_TYPE_HLS; import android.app.Activity; import android.net.Uri; import android.os.Bundle; import androidx.annotation.Nullable; import androidx.annotation.OptIn; import androidx.media3.common.MediaItem; import androidx.media3.common.util.Util; import androidx.media3.datasource.DataSource; import androidx.media3.datasource.DefaultDataSource; import androidx.media3.exoplayer.ExoPlayer; import androidx.media3.exoplayer.ima.ImaServerSideAdInsertionMediaSource; import androidx.media3.exoplayer.ima.ImaServerSideAdInsertionUriBuilder; import androidx.media3.exoplayer.source.DefaultMediaSourceFactory; import androidx.media3.exoplayer.util.EventLogger; import androidx.media3.ui.PlayerView; import androidx.multidex.MultiDex; ... public class MyActivity extends Activity { private static final String KEY_ADS_LOADER_STATE = "ads_loader_state"; private static final String SAMPLE_ASSET_KEY = "c-rArva4ShKVIAkNfy6HUQ"; private PlayerView playerView; private ExoPlayer player; private ImaServerSideAdInsertionMediaSource.AdsLoader adsLoader; private ImaServerSideAdInsertionMediaSource.AdsLoader.State adsLoaderState; }
יצירת מכונה של adsLoader
מחליפים את השיטה onCreate
כדי למצוא את PlayerView
ולבדוק אם יש AdsLoader.State
שמור, שאפשר להשתמש בו בזמן יצירת האובייקט adsLoader
.
בנוסף, מפעילים את multidex אם יש צורך בכך בהתאם למספר השיטות באפליקציה ו-minSdkVersion
(כפי שמוסבר בשלב 2).
לדוגמה:
app/src/main/java/com/example/project name/MyActivity.java
... public class MyActivity extends Activity { private static final String KEY_ADS_LOADER_STATE = "ads_loader_state"; private static final String SAMPLE_ASSET_KEY = "c-rArva4ShKVIAkNfy6HUQ"; private PlayerView playerView; private ExoPlayer player; private ImaServerSideAdInsertionMediaSource.AdsLoader adsLoader; private ImaServerSideAdInsertionMediaSource.AdsLoader.State adsLoaderState; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_my); MultiDex.install(this); playerView = findViewById(R.id.player_view); // Checks if there is a saved AdsLoader state to be used later when // initiating the AdsLoader. if (savedInstanceState != null) { Bundle adsLoaderStateBundle = savedInstanceState.getBundle(KEY_ADS_LOADER_STATE); if (adsLoaderStateBundle != null) { adsLoaderState = ImaServerSideAdInsertionMediaSource.AdsLoader.State.fromBundle( adsLoaderStateBundle); } } } }
הוספת שיטות לאינטליקציה של הנגן
מוסיפים שיטה לאתחול הנגן ומבצעים את הפעולות הבאות:
- יוצרים מכונה של
AdsLoader
. - יוצרים את
ExoPlayer
. - יוצרים
MediaItem
עם מפתח הנכס של השידור החי. - מגדירים את
MediaItem
בנגן.
לדוגמה:
app/src/main/java/com/example/project name/MyActivity.java
public class MyActivity extends Activity { ... // Create a server side ad insertion (SSAI) AdsLoader. private ImaServerSideAdInsertionMediaSource.AdsLoader createAdsLoader() { ImaServerSideAdInsertionMediaSource.AdsLoader.Builder adsLoaderBuilder = new ImaServerSideAdInsertionMediaSource.AdsLoader.Builder(this, playerView); // Attempt to set the AdsLoader state if available from a previous session. if (adsLoaderState != null) { adsLoaderBuilder.setAdsLoaderState(adsLoaderState); } return adsLoaderBuilder.build(); } private void initializePlayer() { adsLoader = createAdsLoader(); // Set up the factory for media sources, passing the ads loader. DataSource.Factory dataSourceFactory = new DefaultDataSource.Factory(this); DefaultMediaSourceFactory mediaSourceFactory = new DefaultMediaSourceFactory(dataSourceFactory); // MediaSource.Factory to create the ad sources for the current player. ImaServerSideAdInsertionMediaSource.Factory adsMediaSourceFactory = new ImaServerSideAdInsertionMediaSource.Factory(adsLoader, mediaSourceFactory); // 'mediaSourceFactory' is an ExoPlayer component for the DefaultMediaSourceFactory. // 'adsMediaSourceFactory' is an ExoPlayer component for a MediaSource factory for IMA server // side inserted ad streams. mediaSourceFactory.setServerSideAdInsertionMediaSourceFactory(adsMediaSourceFactory); // Create an ExoPlayer and set it as the player for content and ads. player = new ExoPlayer.Builder(this).setMediaSourceFactory(mediaSourceFactory).build(); playerView.setPlayer(player); adsLoader.setPlayer(player); // Build an IMA SSAI media item to prepare the player with. Uri ssaiLiveUri = new ImaServerSideAdInsertionUriBuilder() .setAssetKey(SAMPLE_ASSET_KEY) .setFormat(CONTENT_TYPE_HLS) // Use CONTENT_TYPE_DASH for dash streams. .build(); // Create the MediaItem to play, specifying the stream URI. MediaItem ssaiMediaItem = MediaItem.fromUri(ssaiLiveUri); // Prepare the content and ad to be played with the ExoPlayer. player.setMediaItem(ssaiMediaItem); player.prepare(); // Set PlayWhenReady. If true, content and ads will autoplay. player.setPlayWhenReady(false); } }
הוספת שיטה לשחרור הנגן
מוסיפים שיטה לשחרור הנגן ברצף הזה:
- מגדירים את ההפניות לנגן כ-null ומבטלים את השימוש במשאבים של הנגן.
- משחררים את המצב של
adsLoader
.
app/src/main/java/com/example/project name/MyActivity.java
public class MyActivity extends Activity { ... private void releasePlayer() { // Set the player references to null and release the player's resources. playerView.setPlayer(null); player.release(); player = null; // Release the adsLoader state so that it can be initiated again. adsLoaderState = adsLoader.release(); }
טיפול באירועי שחקנים
לבסוף, יוצרים קודים להתקשרות חזרה לאירועי מחזור החיים של הפעילות כדי לטפל בהפעלת הסטרימינג.
כדי לתמוך ב-Android SDK מגרסה 24 ואילך:
כדי לתמוך בגרסאות Android SDK שקדמו ל-24:
- onResume()
- onPause()
הערכים onStart()
ו-onResume()
ממופים לערך playerView.onResume()
, והערכים onStop()
ו-onPause()
ממופים לערך playerView.onPause()
.
בשלב הזה נעשה שימוש גם באירוע onSaveInstanceState()
כדי לנסות לשמור את adsLoaderState
.
app/src/main/java/com/example/project name/MyActivity.java
public class MyActivity extends Activity { ... @Override public void onStart() { super.onStart(); if (Util.SDK_INT > 23) { initializePlayer(); if (playerView != null) { playerView.onResume(); } } } @Override public void onResume() { super.onResume(); if (Util.SDK_INT <= 23 || player == null) { initializePlayer(); if (playerView != null) { playerView.onResume(); } } } @Override public void onPause() { super.onPause(); if (Util.SDK_INT <= 23) { if (playerView != null) { playerView.onPause(); } releasePlayer(); } } @Override public void onStop() { super.onStop(); if (Util.SDK_INT > 23) { if (playerView != null) { playerView.onPause(); } releasePlayer(); } } @Override public void onSaveInstanceState(Bundle outState) { // Attempts to save the AdsLoader state to handle app backgrounding. if (adsLoaderState != null) { outState.putBundle(KEY_ADS_LOADER_STATE, adsLoaderState.toBundle()); } } ... }
הגדרת מקור לנתוני VOD (אופציונלי)
אם האפליקציה שלכם צריכה להפעיל תוכן VOD עם מודעות, עליכם לבצע את הפעולות הבאות:
- מוסיפים
CMS ID
ו-Video ID
לשידור VOD לבדיקה. - יצירת URI של VOD ב-SSAI באמצעות
ImaServerSideAdInsertionUriBuilder()
. - משתמשים ב-URI החדש הזה כפריט המדיה של הנגן.
app/src/main/java/com/example/project name/MyActivity.java
public class MyActivity extends Activity { private static final String KEY_ADS_LOADER_STATE = "ads_loader_state"; private static final String SAMPLE_ASSET_KEY = "c-rArva4ShKVIAkNfy6HUQ"; private static final String SAMPLE_CMS_ID = "2548831"; private static final String SAMPLE_VIDEO_ID = "tears-of-steel"; ... private void initializePlayer() { ... Uri ssaiVodUri = new ImaServerSideAdInsertionUriBuilder() .setContentSourceId(SAMPLE_CMS_ID) .setVideoId(SAMPLE_VIDEO_ID) .setFormat(CONTENT_TYPE_HLS) .build(); // Create the MediaItem to play, specifying the stream URI. MediaItem ssaiMediaItem = MediaItem.fromUri(ssaiVodUri); // Prepare the content and ad to be played with the ExoPlayer. player.setMediaItem(ssaiMediaItem); player.prepare(); // Set PlayWhenReady. If true, content and ads will autoplay. player.setPlayWhenReady(false); }
זהו! עכשיו אתם מבקשים ומפעילים סטרימינג של מדיה באמצעות התוסף IMA של ExoPlayer. הקוד המלא זמין בדוגמאות ל-DAI ב-Android ב-GitHub.