1. 程式人生 > >視訊畫中畫效果,拖動進度條可以seek到相應視訊幀顯示

視訊畫中畫效果,拖動進度條可以seek到相應視訊幀顯示

在視訊開發中,我們常常看到這樣的效果,拖動進度條時,或是在進度條上方或是在螢幕中間,顯示拖動進度條位置時刻的某一幀畫面。

這個需求,如果是你,你會如何做?

通常一個需求,不僅要考慮實現,還有考慮一些是否有效能上影響。

下面我想到的4個方案:

1、在拖動過程中,可以通過TextureView來顯示預覽圖,拖動進度條到某個position後,通過textureView.getBitmap()拿到對應的截圖,用於展示。

2、通過MediaMetadataRetriever 只能獲取你指定時間的附近的關鍵幀(Key frame) MediaMetadataRetriever mmr = new MediaMetadataRetriever(); mmr.setDataSource(renderOutputFilePath); mmr.getFrameAtTime(1x1000x1000,OPTION_CLOSEST_SYNC );//獲取1秒附近的關鍵幀,注意,只是附近,獲取不到精確位置的圖片。但是用於預覽也夠了

3、通過GLSurfaceView,拖到到某個事件點後,來onDrawFrame,這種方式比較高效。

4、FFmpeg實現,獲取某個位置的picture,github上有封裝好的實現此功能的庫,類似和MediaMetadataRetriever一樣的用法,可以更精準,高效。 連結:github.com/wseemann/FF… 原理就是取某個timebase的關鍵幀。然後回調出去展示。

需要注意的是,取幀是個耗時的操作,需要放到子執行緒中

FFmpegMediaMetadataRetriever mmr = new FFmpegMediaMetadataRetriever();
mmr.setDataSource(mUri);

//獲取第一幀原尺寸圖片
mmrc.getFrameAtTime();

//獲取指定位置的原尺寸圖片 注意這裡傳的timeUs是微秒
mmrc.getFrameAtTime(timeUs, option);

//獲取指定位置指定寬高的縮圖
mmrc.getScaledFrameAtTime(timeUs, MediaMetadataRetrieverCompat.OPTION_CLOSEST, width, height);

//獲取指定位置指定寬高並且旋轉的縮圖
mmrc.getScaledFrameAtTime(timeUs, MediaMetadataRetrieverCompat.OPTION_CLOSEST, width, height, rotate);
複製程式碼

Demo效果圖:

推薦書籍(亞馬遜、京東、天貓、噹噹均有售):

image.png

內容簡介:近年來,直播、短視訊行業的相關業務發展迅猛,本書主要介紹其中涉及的Android音視訊開發相關技術。本書一共有11章,分別介紹了音視訊基礎知識、MediaPlayer、MediaPlayerService、StagefrightPlayer、NuPlayer、OpenMAX框架、FFmpeg專案、FFmpeg原始碼分析及實戰、直播技術、H.264編碼及H.265編碼、視訊格式分析內容。希望本書能幫助讀者系統學習、化繁為簡,在Android音視訊開發的道路上不斷進步。

歡迎關注我的微信公眾號「何俊林」,音視訊、多媒體技術乾貨