Android Studio中Firebase Storage视频缩略图生成与加载问题

嘿，我来帮你搞定这个视频缩略图的问题！你提到用Glide加载视频URL没显示，还有想实现上传时生成或者获取时显示缩略图，咱们一步步来解决：

你用Glide.with(context).asBitmap().load(videoUrl).into(imgView)没反应，大概率是这几个原因，咱们逐个排查：

• 权限或URL有效性问题：确保你的视频URL是从Firebase Storage的StorageReference.getDownloadUrl()获取的有效链接，而且视频文件有公开访问权限（或者你的App已通过Firebase Auth获取了访问权限）
• Glide依赖或配置不全：检查你的build.gradle里有没有添加完整的Glide依赖：

  implementation 'com.github.bumptech.glide:glide:4.16.0'
  annotationProcessor 'com.github.bumptech.glide:compiler:4.16.0'
  

• 添加错误监听排查问题：给Glide加个listener，看看具体报错原因：

  Glide.with(context)
       .asBitmap()
       .load(videoUrl)
       .listener(new RequestListener<Bitmap>() {
           @Override
           public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Bitmap> target, boolean isFirstResource) {
               Log.e("GlideError", "加载失败: " + e.getMessage());
               return false;
           }
  
           @Override
           public boolean onResourceReady(Bitmap resource, Object model, Target<Bitmap> target, DataSource dataSource, boolean isFirstResource) {
               return false;
           }
       })
       .into(imgView);
  

另外，如果你用的是StorageReference而不是直接的URL，推荐用FirebaseUI的Glide集成，它会自动处理权限和缓存：

implementation 'com.firebaseui:firebase-ui-storage:8.0.2'

然后这样加载：

StorageReference videoRef = FirebaseStorage.getInstance().getReferenceFromUrl(videoUrl);
Glide.with(context)
     .asBitmap()
     .load(videoRef)
     .into(imgView);

这个方法最省心，不用每次加载都生成，直接把缩略图和视频一起存到Storage，后续直接用缩略图URL显示就行，步骤如下：

1. 本地提取视频第一帧作为缩略图

   private Bitmap getVideoThumbnail(String videoPath) {
       MediaMetadataRetriever retriever = new MediaMetadataRetriever();
       try {
           retriever.setDataSource(videoPath);
           // 获取视频第一帧（也可以指定时间戳）
           return retriever.getFrameAtTime(1, MediaMetadataRetriever.OPTION_CLOSEST_SYNC);
       } catch (Exception e) {
           e.printStackTrace();
           return null;
       } finally {
           try {
               retriever.release();
           } catch (RuntimeException e) {
               // 忽略释放时的异常
           }
       }
   }
   

2. 同时上传视频和缩略图到Storage

   // 假设你已经拿到视频文件的Uri
   Uri videoUri = ...;
   // 生成唯一文件名，避免冲突
   String videoFileName = "videos/" + UUID.randomUUID() + ".mp4";
   String thumbnailFileName = videoFileName.replace(".mp4", "_thumbnail.jpg");
   
   StorageReference videoRef = FirebaseStorage.getInstance().getReference(videoFileName);
   StorageReference thumbnailRef = FirebaseStorage.getInstance().getReference(thumbnailFileName);
   
   // 先上传视频
   videoRef.putFile(videoUri)
           .addOnSuccessListener(taskSnapshot -> {
               // 视频上传成功，获取下载URL
               videoRef.getDownloadUrl().addOnSuccessListener(videoUrl -> {
                   // 提取缩略图
                   Bitmap thumbnail = getVideoThumbnail(videoUri.getPath());
                   if (thumbnail != null) {
                       // 将Bitmap转为字节数组
                       ByteArrayOutputStream baos = new ByteArrayOutputStream();
                       thumbnail.compress(Bitmap.CompressFormat.JPEG, 80, baos);
                       byte[] thumbnailData = baos.toByteArray();
   
                       // 上传缩略图
                       thumbnailRef.putBytes(thumbnailData)
                               .addOnSuccessListener(thumbnailTask -> {
                                   thumbnailRef.getDownloadUrl().addOnSuccessListener(thumbnailUrl -> {
                                       // 把视频URL、缩略图URL、标题、描述一起存到Firestore/Realtime Database
                                       saveVideoInfo(videoUrl.toString(), thumbnailUrl.toString(), "你的视频标题", "你的视频描述");
                                   });
                               });
                   }
               });
           })
           .addOnFailureListener(e -> {
               Log.e("UploadError", "视频上传失败: " + e.getMessage());
           });
   

3. 在RecyclerAdapter中直接加载缩略图URL
   这时候就和加载普通图片一样，用Glide直接加载缩略图URL就行，完全不会有之前的问题。

如果已经有大量视频存在Storage里，不想重新上传，可以用Firebase云函数自动生成缩略图：

1. 在Firebase控制台开启Cloud Functions，然后部署下面的Node.js函数：

const functions = require("firebase-functions");
const admin = require("firebase-admin");
const { Storage } = require("@google-cloud/storage");
const sharp = require("sharp");

admin.initializeApp();
const storage = new Storage();

exports.generateVideoThumbnail = functions.storage.object().onFinalize(async (object) => {
    const fileBucket = object.bucket;
    const filePath = object.name;
    const contentType = object.contentType;

    // 只处理视频文件
    if (!contentType.startsWith("video/")) {
        functions.logger.log("这不是视频文件，跳过处理");
        return null;
    }

    // 避免重复处理缩略图
    if (filePath.includes("_thumbnail")) {
        functions.logger.log("这是缩略图文件，跳过处理");
        return null;
    }

    const fileName = filePath.split("/").pop();
    const bucket = storage.bucket(fileBucket);
    const tempFilePath = `/tmp/${fileName}`;

    // 下载视频到临时目录
    await bucket.file(filePath).download({ destination: tempFilePath });
    functions.logger.log("视频已下载到本地临时目录:", tempFilePath);

    // 生成缩略图（设置尺寸为320x240，可按需调整）
    const thumbnailFileName = fileName.replace(/\.[^/.]+$/, "_thumbnail.jpg");
    const tempThumbnailPath = `/tmp/${thumbnailFileName}`;

    await sharp(tempFilePath)
        .rotate()
        .resize(320, 240)
        .toFile(tempThumbnailPath);
    functions.logger.log("缩略图已生成:", tempThumbnailPath);

    // 上传缩略图到Storage
    const thumbnailFilePath = filePath.replace(fileName, thumbnailFileName);
    await bucket.upload(tempThumbnailPath, {
        destination: thumbnailFilePath,
        contentType: "image/jpeg",
    });
    functions.logger.log("缩略图已上传到Storage:", thumbnailFilePath);

    // （可选）更新Firestore中的视频信息，添加缩略图URL
    const videoDocId = fileName.split(".")[0];
    const videoDoc = admin.firestore().collection("videos").doc(videoDocId);
    const thumbnailUrl = await bucket.file(thumbnailFilePath).getSignedUrl({
        action: "read",
        expires: "03-01-2500",
    });
    await videoDoc.update({ thumbnailUrl: thumbnailUrl[0] });

    return null;
});

部署完成后，新上传的视频会自动生成缩略图，旧视频可以手动触发函数重新处理。

内容的提问来源于stack exchange，提问作者Balwant Chandel