الصور

يتيح ExoPlayer تنسيقات الصور التالية. يمكنك الاطّلاع على مقالة مكتبات تحميل الصور لمعرفة كيفية الدمج مع المكتبات الخارجية التي قد تتيح مجموعة مختلفة من التنسيقات.

تنسيق الصورة متاح ملاحظات
BMP نعم
GIF لا لا تتوفّر إمكانية استخراج البيانات
JPEG نعم
صورة JPEG حيّة نعم تتوفّر إمكانية استخدام الصور الثابتة والفيديوهات
JPEG بدقة HDR فائقة نعم يتم الرجوع إلى دقة SDR قبل Android 14 أو على شاشات العرض غير المتوافقة مع HDR
PNG نعم
تنسيق WebP نعم
HEIF/HEIC نعم
صورة HEIC حيّة نعم
تنسيق AVIF (المرجع) نعم يتم فك ترميزها على أجهزة Android 14 والإصدارات الأحدث فقط

تشغيل الصور في قائمة تشغيل

لتشغيل صورة كجزء من قائمة تشغيل، أنشئ MediaItem باستخدام معرّف URI للصورة ومرِّره إلى المشغّل. يجب أن يتضمّن MediaItem السمة imageDurationMs لتحديد المدة التي يجب عرض الصورة خلالها.

Kotlin

// Create a player instance.
val player = ExoPlayer.Builder(context).build()
// Set the media item to be played with the desired duration.
player.setMediaItem(MediaItem.Builder().setUri(imageUri).setImageDurationMs(2000).build())
// Prepare the player.
player.prepare()

Java

// Create a player instance.
ExoPlayer player = new ExoPlayer.Builder(context).build();
// Set the media item to be played with the desired duration.
player.setMediaItem(new MediaItem.Builder().setUri(imageUri).setImageDurationMs(2000).build());
// Prepare the player.
player.prepare();

تشغيل الصور الحيّة

الصور الحيّة هي ملفات تجمع بين صورة ثابتة وفيديو قصير.

  • إذا تم تحديد مدة الصورة باستخدام setImageDuration، يتم عرض الصورة الحيّة للمدة المحدّدة كصورة ثابتة.
  • إذا لم يتم تحديد مدة الصورة، يتم تشغيل الصورة الحيّة كفيديو.

تخصيص تحميل الصور باستخدام مصدر وسائط

لمزيد من خيارات التخصيص، يمكنك إنشاء ProgressiveMediaSource وتمريره مباشرةً إلى المشغّل بدلاً من MediaItem.

Kotlin

// Create a data source factory.
val dataSourceFactory: DataSource.Factory = DefaultHttpDataSource.Factory()
// Create a media item with the image URI and the desired duration.
val mediaItem = MediaItem.Builder().setUri(imageUri).setImageDurationMs(2000).build()
// Create a progressive media source for this media item.
val mediaSource = ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem)
// Create a player instance.
val player = ExoPlayer.Builder(context).build()
// Set the media source to be played.
player.setMediaSource(mediaSource)
// Prepare the player.
player.prepare()

Java

// Create a data source factory.
DataSource.Factory dataSourceFactory = new DefaultHttpDataSource.Factory();
// Create a media item with the image URI and the desired duration.
MediaItem mediaItem = new MediaItem.Builder().setUri(imageUri).setImageDurationMs(2000).build();
// Create a progressive media source for this media item.
MediaSource mediaSource =
    new ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem);
// Create a player instance.
ExoPlayer player = new ExoPlayer.Builder(context).build();
// Set the media source to be played.
player.setMediaSource(mediaSource);
// Prepare the player.
player.prepare();

تخصيص التشغيل

يتيح لك ExoPlayer طرقًا متعددة لتخصيص تجربة التشغيل بما يتناسب مع احتياجات تطبيقك. يمكنك الاطّلاع على صفحة التخصيص للاطّلاع على أمثلة.

دمج مكتبات تحميل الصور الخارجية

غالبًا ما تتم إدارة الصور من خلال مكتبات تحميل الصور الخارجية، مثل Glide أو Coil.

يتطلب دمج هذه المكتبات في مسار التشغيل 3 خطوات:

  1. حدِّد MediaItem باستخدام نوع MIME APPLICATION_EXTERNALLY_LOADED_IMAGE.
  2. قدِّم أداة فك ترميز الصور لاسترداد Bitmap من مكتبة تحميل الصور.
  3. قدِّم أداة تحميل خارجية لتفعيل التخزين المؤقت والتحميل المسبق.

ضبط عناصر الوسائط للتحميل الخارجي

يجب أن يحدّد MediaItem الذي تمت إضافته إلى Player نوع MIME APPLICATION_EXTERNALLY_LOADED_IMAGE بشكلٍ صريح لاستخدام مسارات رمز مكتبة تحميل الصور:

Kotlin

val mediaItem =
  MediaItem.Builder()
    .setUri(imageUri)
    .setMimeType(MimeTypes.APPLICATION_EXTERNALLY_LOADED_IMAGE)
    .build()

Java

MediaItem mediaItem =
    new MediaItem.Builder()
        .setUri(imageUri)
        .setMimeType(MimeTypes.APPLICATION_EXTERNALLY_LOADED_IMAGE)
        .build();

فك ترميز الصور باستخدام مكتبة خارجية

يحتاج عارض الصور إلى ExternallyLoadedImageDecoder لاسترداد Bitmap من Uri. يمكن تقديم أداة فك الترميز هذه من خلال إلغاء DefaultRenderersFactory.getImageDecoderFactory.

يستخدم المثال التالي Glide لتحميل صورة، مع حصر الناتج على حجم الشاشة لتجنُّب إنشاء كائنات Bitmap كبيرة جدًا:

Kotlin

val glideImageDecoderFactory: ImageDecoder.Factory =
  ExternallyLoadedImageDecoder.Factory { request: ExternalImageRequest ->
    val displaySize = Util.getCurrentDisplayModeSize(context)
    GlideFutures.submit(
      Glide.with(context)
        .asBitmap()
        .load(request.uri)
        .override(max(displaySize.x, displaySize.y))
    )
  }
val player: Player =
  ExoPlayer.Builder(context)
    .setRenderersFactory(
      object : DefaultRenderersFactory(context) {
        override fun getImageDecoderFactory(context: Context): ImageDecoder.Factory {
          return glideImageDecoderFactory
        }
      }
    )
    .build()

Java

ImageDecoder.Factory glideImageDecoderFactory =
    new ExternallyLoadedImageDecoder.Factory(
        request -> {
          Point displaySize = Util.getCurrentDisplayModeSize(context);
          return GlideFutures.submit(
              Glide.with(context)
                  .asBitmap()
                  .load(request.uri)
                  .override(max(displaySize.x, displaySize.y)));
        });
Player player =
    new ExoPlayer.Builder(context)
        .setRenderersFactory(
            new DefaultRenderersFactory(context) {
              @Override
              protected ImageDecoder.Factory getImageDecoderFactory(Context context) {
                return glideImageDecoderFactory;
              }
            })
        .build();

التحميل المسبق للصور باستخدام مكتبة خارجية

أثناء التشغيل، يطلب المشغّل التحميل المسبق للصورة التالية بعد تحميل العنصر السابق في قائمة التشغيل بالكامل. عند استخدام مكتبة خارجية لتحميل الصور، يجب تحديد ExternalLoader لتفعيل هذا التحميل المسبق. إذا لم يكن التحميل المسبق ممكنًا أو مطلوبًا، يجب مع ذلك تقديم أداة التحميل هذه، ولكن يمكن ألا تفعل أي شيء.

يستخدم المثال التالي Glide لضمان التحميل المسبق للصورة المطلوبة على القرص:

Kotlin

val glidePreloader = ExternalLoader { request: LoadRequest ->
  GlideFutures.submit(
    Glide.with(context)
      .asFile()
      .apply(
        RequestOptions.diskCacheStrategyOf(DiskCacheStrategy.DATA)
          .priority(Priority.HIGH)
          .skipMemoryCache(true)
      )
      .load(request.uri)
  )
}
val player: Player =
  ExoPlayer.Builder(context)
    .setMediaSourceFactory(
      DefaultMediaSourceFactory(context).setExternalImageLoader(glidePreloader)
    )
    .build()

Java

ExternalLoader glidePreloader =
    request ->
        GlideFutures.submit(
            Glide.with(context)
                .asFile()
                .apply(
                    diskCacheStrategyOf(DiskCacheStrategy.DATA)
                        .priority(Priority.HIGH)
                        .skipMemoryCache(true))
                .load(request.uri));
Player player =
    new ExoPlayer.Builder(context)
        .setMediaSourceFactory(
            new DefaultMediaSourceFactory(context).setExternalImageLoader(glidePreloader))
        .build();