Android视频编辑器：实现视频裁剪选段时RangeSlider同步显示播放进度的解决方案

Hey there! Let's break down how to fix your RangeSlider progress sync issue and confirm that your overall implementation direction is on the right track.

First: Your Core Approach is Correct #

Using VideoView for preview + RangeSlider for segment selection, paired with FFmpeg for actual video trimming, is a standard and reliable setup for this kind of feature. No red flags here—you're heading in the right direction.

Fixing the Progress Sync Between VideoView and RangeSlider #

The key challenge here is building a two-way sync: updating the slider as the video plays, and jumping the video to the selected position when the slider is dragged. Here's a step-by-step implementation:

1. Initialize RangeSlider with Video Duration #

First, grab the total duration of the loaded video once it's ready, then set the slider's min/max range. Use VideoView's OnPreparedListener to handle this:

videoView.setOnPreparedListener(mediaPlayer -> {
    long totalDuration = mediaPlayer.getDuration();
    // Set slider range to match video duration (in milliseconds)
    rangeSlider.setValues(0f, (float) totalDuration);
    // Default to selecting the full video initially
    rangeSlider.setSelectedStartValue(0f);
    rangeSlider.setSelectedEndValue((float) totalDuration);
});

2. Sync Video Playback Progress to RangeSlider #

Since VideoView doesn't have a built-in progress callback, we'll use a Handler to periodically fetch the current playback position and update the slider. Create a repeating Runnable for this:

private Handler progressHandler = new Handler();
private Runnable progressUpdateRunnable = new Runnable() {
    @Override
    public void run() {
        if (videoView.isPlaying()) {
            long currentPosition = videoView.getCurrentPosition();
            // Update the slider to reflect current playback position
            // If your RangeSlider supports a separate progress indicator, use that instead
            rangeSlider.setProgress((float) currentPosition);
            progressHandler.postDelayed(this, 100); // Adjust interval for smoothness
        }
    }
};

// Start the updater when video plays
videoView.start();
progressHandler.post(progressUpdateRunnable);

// Stop it when video pauses or finishes
videoView.setOnCompletionListener(mp -> progressHandler.removeCallbacks(progressUpdateRunnable));
videoView.setOnPauseListener(mp -> progressHandler.removeCallbacks(progressUpdateRunnable));
videoView.setOnResumeListener(mp -> progressHandler.post(progressUpdateRunnable));

Note: For better UX, consider using a custom RangeSlider that lets you draw a separate playback thumb alongside the selection handles—this avoids overriding the selected range while playing.

3. Sync RangeSlider Drag to Video Position #

Add a listener to the RangeSlider to jump the video to the selected position when the user drags the handles:

rangeSlider.addOnChangeListener((slider, value, fromUser) -> {
    if (fromUser) {
        // Jump video to the start handle's position when dragged
        if (slider.getSelectedStartValue() == value) {
            videoView.seekTo((int) value);
        }
        // For the end handle, you can just update the range without seeking
    }
});

4. Edge Case Handling #

• Wait for Video to Load: Don't touch the slider until OnPreparedListener triggers—this avoids null or incorrect duration values.
• Seek Accuracy: VideoView.seekTo() might land on the nearest keyframe instead of the exact requested position. For precise seeking, consider switching to ExoPlayer which offers more granular control.
• Performance: Adjust the postDelayed interval (100ms is a good balance between smoothness and battery usage).

FFmpeg Video Trimming Tips #

Once you have the selected start/end times from the RangeSlider, construct the FFmpeg command correctly:

• Fast trimming (works if start/end align with keyframes, no re-encoding):

ffmpeg -i input.mp4 -ss [start_time] -to [end_time] -c copy output.mp4

• Precise trimming (re-encodes to ensure exact cut, even if start/end aren't keyframes):

ffmpeg -i input.mp4 -ss [start_time] -t [duration] -c:v libx264 -c:a aac output.mp4

Replace [start_time] with your selected start (e.g., "00:00:05" or 5 seconds), [end_time] with the selected end, and [duration] as end_time - start_time.

Always run FFmpeg commands on a background thread (never the main thread) to avoid freezing the UI. Libraries like FFmpegAndroid can simplify integration.

内容的提问来源于stack exchange，提问作者Suman Mondal