android - 如何在播放前在videoview中设置预览图像

Question

我VideoView在我的活动中创建了一个，下面是代码。

VideoView vvVideos = (VideoView) rootView.findViewById(R.id.videoView);
MediaController mediacontroller = new MediaController(ctx);
mediacontroller.setAnchorView(vvVideos);
    Uri video = Uri.parse("android.resource://" + packageName +"/"+R.raw.sample);
    vvVideos.setMediaController(mediacontroller);

    LayoutParams params=vvVideos.getLayoutParams();
    params.height=150;
    vvVideos.setLayoutParams(params);

    vvVideos.setVideoURI(video);
    vvVideos.requestFocus();
    vvVideos.setOnPreparedListener(new OnPreparedListener() {
        public void onPrepared(MediaPlayer mp) {
            vvVideos.start();
        }
    });

现在，当活动创建时，视频开始播放。我想让我的活动如下

活动打开时不应播放视频。
它应该显示起始视频图像（当前显示黑色）
它应该仅在用户单击视频时播放。
请帮我。

score 139 · Accepted Answer

用于`seekTo( 1 )`显示第一帧。

确保电影暂停，然后用于seekTo()显示视频的第一帧：

VideoView mVideoView = (VideoView) findViewById( R.id.video_preview );

mVideoView.setVideoURI( yourVideoPath );

mVideoView.seekTo( 1 );                 // 1 millisecond (0.001 s) into the clip.

注意：我们使用.seekTo( 1 )是因为设置.seekTo( 0 )在 Android 9 上不起作用。

@Lingviston 在另一个答案中回答了单击时播放它。

score 32 · Accepted Answer

使用此创建视频缩略图

Bitmap thumb = ThumbnailUtils.createVideoThumbnail("file path/url",
                            MediaStore.Images.Thumbnails.MINI_KIND);

并设置为videoview

BitmapDrawable bitmapDrawable = new BitmapDrawable(thumb);
            mVideoView.setBackgroundDrawable(bitmapDrawable);

score 10 · Accepted Answer

1）删除你的onPrepareListener。我不知道为什么您的视频在创建活动后开始播放，但在 videoView.start() 之后调用了 onPrepareListener。

2) 在 VideoView 的顶部添加一个 ImageView 小部件到您的布局中。然后像这样设置另一个 onPrepareListener：

vvVideos.setOnPreparedListener(new OnPreparedListener() {
            public void onPrepared(MediaPlayer mp) {
                previewImage.setVisibility(View.GONE);
            }
        });

我注意到 onPreparedListener 触发得太早了，所以你可以使用

new Handler().postDelay(Runnable, timeInMilis)

关闭预览图像。

3) 将带有任何手势检测的 OnTouchListener 添加到您的 VideoView。这是我现在正在使用的示例：

    @Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_video);

    mGestureDetector = new GestureDetector(this, mGestureListener);

    ((VideoView) findViewById(R.id.activity_video_videoview)).setOnTouchListener(mTouchListener);
}
    private OnTouchListener mTouchListener = new OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        mGestureDetector.onTouchEvent(event);
        return true;
    }
};
private SimpleOnGestureListener mGestureListener = new SimpleOnGestureListener() {
@Override
public boolean onSingleTapConfirmed(MotionEvent e) {
    if(mVideoView.isPlaying())
        mVideoView.pause();
    else
        mVideoView.start();
    return true;
};
};

它通过点击开始/停止播放。

score 8 · Accepted Answer

只需将视频搜索到 100 毫秒，它会使用 seekTo() 方法显示缩略图

videoView.seekTo(100);

score 5 · Accepted Answer

你可以用Glide 4.x. 它将获取您视频的第一帧并以ImageView

添加到您的build.gradle

implementation 'com.github.bumptech.glide:glide:4.x.x'

在你的课堂上

GlideApp.with(context)
                .load("your video URL")
                .into(videoImageView);;

score 4 · Accepted Answer

以为我会分享我的解决方案。该seekTo方法效果很好，但仅适用于某些设备。这是我的工作。我在 onPreparedListener 的 onPrepared 方法中处理这个问题，但这取决于你。

@Override
public void onPrepared(MediaPlayer mp) {
  MediaMetadataRetriever mediaMetadataRetriever = new MediaMetadataRetriever();
  mediaMetadataRetriever.setDataSource(uri.getPath());
  try {
    Bitmap bitmap = mediaMetadataRetriever.getFrameAtTime(currentPosition);
    videoView.setBackgroundDrawable(new BitmapDrawable(bitmap));
  } catch (OutOfMemoryError outOfMemoryError) {
    //Not entirely sure if this will ever be thrown but better safe than sorry.
    videoView.seekTo(currentPosition);
  }
}

现在，当您播放视频时，您需要像这样删除此背景图像：

private void play() {
  ...
  videoView.setBackgroundDrawable(null);
  ..
}

享受！

score 2 · Accepted Answer

我知道这是一个老问题，但我需要相同的解决方案，但在其他任何地方都找不到答案，所以我做了解决方案，我在这里分享爱：

我刚刚为它创建了一个小类：

   public class LoadFirstVideoFrame implements Runnable {

      private static Handler uiHandler = new Handler(Looper.getMainLooper());
      private VideoView videoView;

      private LoadFirstVideoFrame(VideoView videoView) {
         this.videoView = videoView;
         videoView.start();
         videoView.resume();
         uiHandler.post(this);
      }

      public void stop() {
         videoView = null;
         uiHandler.removeCallbacks(this);
      }

      @Override public void run() {
         if (videoView == null) return;
         if (videoView.isPlaying()) {
            videoView.pause();  
            videoView.seekTo(0);

            videoView = null;
         } else {
            uiHandler.post(this);
         }
      }
   }

它只是要求开始播放并在视频实际播放后立即将其暂停在第一帧（这意味着它加载了文件并且已经在 SurfaceView 上渲染它）。

这里的重要注意事项是记住调用stop()这个类，以便它可以正确清理并且不会泄漏任何内存。

我希望它有所帮助。

score 2 · Accepted Answer

我已经为这样的缩略图创建了一个 ImageView

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:clickable="true"
    android:focusable="true">

 <VideoView
    android:id="@+id/video_view"
    android:layout_width="match_parent"
    android:layout_height="220dp"/>
<ImageView
    android:id="@+id/videoView_thumbnail"
    android:layout_width="match_parent"
    android:layout_height="220dp"
    android:scaleType="centerCrop"/>

</RelativeLayout>

并像这样在Java中添加setOnPreparedListener和setOnCompletionListener

  VideoView videoView = (VideoView) view.findViewById(R.id.video_view);
  ImageView thumbnailView=(ImageView)view.findViewById(R.id.videoView_thumbnail);

  Glide.with(getApplicationContext()).load(your_Image_Path).into(thumbnailView);
 //you can add progress dialog here until video is start playing;

    mediaController= new MediaController(getContext());
    mediaController.setAnchorView(videoView);
    videoView.setMediaController(mediaController);
    videoView.setKeepScreenOn(true);
    videoView.setVideoPath(your_video_path);
    videoView.start();         //call this method for auto playing video

    videoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
        @Override
        public void onPrepared(MediaPlayer mediaPlayer) {
            thumbnailView.setVisibility(View.GONE);
 //you can Hide progress dialog here when video is start playing;

        }
    });
    videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
        @Override
        public void onCompletion(MediaPlayer mediaPlayer) {
            videoView.stopPlayback();
            thumbnailView.setVisibility(View.VISIBLE);

        }
    });

它对我很有用，我希望它对所有人有用

score 1 · Accepted Answer

很简单！！！你可以使用滑翔库。

首先添加一个imageView并videoView使用下面的代码：

   GlideApp.with(getApplicationContext()).load("empty")
        .thumbnail(GlideApp.with(getApplicationContext()).load("videoURL"))
        .into(imageView);

此代码将下载图像，并最终导致互联网消耗减少。

score 0 · Accepted Answer

在你的xml中添加这个

    `<RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/dimen180"
            android:background="@color/color_bg">

            <com.google.android.exoplayer2.ui.PlayerView
                android:id="@+id/epPlayer"
                android:layout_width="match_parent"
                android:visibility="gone"
                android:layout_height="match_parent"/>

            <FrameLayout
                android:id="@+id/flTv"
                android:layout_width="match_parent"
                android:background="@color/color_bg"
                android:layout_height="match_parent">
                <androidx.appcompat.widget.AppCompatImageView
                    android:id="@+id/ivTv"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:src="@drawable/tv"/>
            </FrameLayout>




            <ProgressBar
                android:id="@+id/pbVideoView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:visibility="gone"
                android:layout_centerInParent="true"
                android:indeterminate="true" />
        </RelativeLayout>

` 对于 kotlin 用户

声明变量

private var simpleExoPlayer: ExoPlayer? = null

用这个

  simpleExoPlayer = SimpleExoPlayer.Builder(this).build()
    epPlayer.player = simpleExoPlayer
    val dataSourceFactory = DefaultDataSourceFactory(
        this,
        Util.getUserAgent(this, getString(R.string.app_name))
    )
    val videoSource = ProgressiveMediaSource.Factory(dataSourceFactory)
                    .createMediaSource(Uri.parse(it1))
                simpleExoPlayer!!.prepare(videoSource)
                simpleExoPlayer!!.playWhenReady = true
                simpleExoPlayer!!.addListener(object : Player.EventListener{
                    override fun onPlayerStateChanged(
                        playWhenReady: Boolean,
                        playbackState: Int
                    ) {
                        if(playbackState== Player.STATE_READY)
                        {
                            pbVideoView.visibility= View.GONE
                            epPlayer.visibility= View.VISIBLE
                            flTv.visibility= View.GONE
                        }
                        if (playbackState== Player.STATE_BUFFERING)
                        {
                            pbVideoView.visibility= View.VISIBLE
                        }
                    }
                })

我希望它有所帮助。

score 0 · Accepted Answer

您可以使用@Joshua Pinter 的答案来解决问题。但我想给你更多的建议。您自己回答seekTo(100)有效，而不是seekTo(1). 这两种方式都不是完美的。那是因为seekTo(1)会得到一个黑色的图像，并且seekTo(100)可能会出现异常。

我更喜欢这样做：

// calculate the during time of the media

MediaPlayer mediaPlayer = new MediaPlayer();
mediaPlayer.setDataSource(url);
mediaPlayer.prepare();
long time = mediaPlayer.getDuration();

// use a proper number
mVideoView.seekTo(time/2);

如果您没有后端服务器，它可能会更好。或者，如果您有后端服务器，您可以通过这种方式进行尝试。

缩略图由服务器计算，客户端只显示后端响应的图像。当涉及到服务器端时，你可以做很多事情。

哪张图更好看？如果图片也是黑色的怎么办？
服务器端应该生成它吗？还是服务器端应该只缓存媒体的图片？

如果您想进一步讨论这两个问题，我们可以稍后再讨论。

score -3 · Accepted Answer

-3

要让您的视频在活动开始时停止播放，只需删除该video.start()方法。

于 2018-08-07T04:13:15.390 回答

android - 如何在播放前在videoview中设置预览图像

12 回答 12

用于seekTo( 1 )显示第一帧。

Related

Reference

用于`seekTo( 1 )`显示第一帧。