实现视频播放器倍速、清晰度切换、m3u8下载功能

时间:2024-03-31 13:17:30

视频上很容易就可以做到倍速播放,一般的视频格式都是每秒固定的帧数,按比例跳帧就可以了。音频上其实也可以用这种方式来直接删除一些周期,因为电脑里的音频也是数字化离散化地储存的。但是为了使声音不失真,应该都用了稍复杂一点的算法的,比方说把相邻时钟周期内的声音电平信号取平均,或者用高斯平均值代替原信号,再精细点可以自适应地在音调信号比较丰富的地方设置比较高的权重来尽量少压缩保持音色,总之有很多种方法都可以做到啦。因为没有关注过这个,所以并不知道在软件里具体是怎么实现的,但是数字信号的缩放、滤波这些算法应该都差不多是这么做的,音频的加速也不像是需要使用更复杂的非线性自适应滤波的样子。

我们很多时候需要实现的效果是变速不变调。项目基于FFMpeg和WebRtc,通过FFMpeg从网络读取视频流,经过解封装、解复用分离成音频数据包和视频数据包。并分别对音视频数据包进行解码,解码完成之后的音频PCM(44100Hz,16bit,MONO)数据通过WebRtc提供的接口抛给AudioTrack,视频YUV420数据抛给WebRtc通过VideoRenderer进行渲染。

弯路:
1.一下子给播放设备(通过WebRtc注册的Audio Playout Device)喂两倍的数据:可以实现两倍速不变调,原理未知(WebRtc内部实现机制),但是有刺啦刺啦的噪音,推测是基音周期的问题,会产生基音断裂,定位困难,靠自己实现困难,放弃了该方案。

2.将解码的速率变成22050Hz,通过WebRtc播放(播放器初始化为44100Hz)可以实现两倍,但是会变调,放弃。

3.丢帧,每隔一帧丢一帧,可以实现音频倍速,但是也会有刺啦刺啦的噪音(基音断裂的问题),而且声音会产生断续,体验十分差,放弃。

寻找新的解决方法:

靠自己解决这个基音周期的问题需要算法和实现,不现实,只能通过调用现有的库进行处理。经过调研,发现有两个库支持倍速处理,一个是SoundTouch,另一个是Sonic。由于谷歌官方提供了一个ExoPlayer播放器,其中应用的方法是Sonic,并且网上有对两个库进行比较的文章,Sonic的效果要略好于SoundTouch,于是决定用Sonic库。

Sonic库有两种实现,一种是Java实现的Sonic.java,一种是C实现的Sonic-ndk,因为我们要和FFMpeg共同处理,所以需要使用ndk开发。对于没有自研究条件的团队,选择第三方是最好的方案。下面内容是【八怪不姓丑】授权公号发布使用第三方播放,进行封装,实现倍速播放功能。

简单的前提是使用开源库,在库的基础上添加相对应的功能,

以JiaoZiVideoPlayer为例 ,本身自带的播放引擎是MediaPlayer,也就是Android自带的播放器,有很多不完善的地方,倍速切换只支持5.0以上,否则报NoClassDefFoundError 错误。而且还不支持rtmp类型的播放流。

所以在播放引擎上建议不要使用默认的,目前比较流行的是 ijkplayer

但是只使用ijkplayer,还需要自己写逻辑,布局等等。为了简便,直接给 JiaoZiVideoPlayer 使用 ijk 播放引擎,省去了写布局和播放逻辑的麻烦。

准备工作

  1. JiaoZi播放器


implementation 'cn.jzvd:jiaozivideoplayer:6.2.7'

  1. ijk(建议引入,需要添加so库)`


implementation 'tv.danmaku.ijk.media:ijkplayer-java:0.8.4'
implementation 'tv.danmaku.ijk.media:ijkplayer-armv7a:0.8.4'

  1. m3u8视频下载(如不需要可以不加)


implementation 'com.jwkj:M3U8Manger:v2.1.9'

Android Studio 3.0 以上建议使用 implementation 方式引入第三方库,以下使用 compile

自定义播放器布局

JiaoZi的播放器控件是 JZVideoPlayerStandard。所有关于播放器布局控件的操作都需要通过该控件,能满足一般的视频播放需求。但是如果需要在 JiaoZi 播放器中添加按钮,就需要自定义JZVideoPlayerStandard, 比如倍速播放、下载、清晰度切换等功能。如果不需要修改布局,直接在xml布局文件中使用即可。

a、重写 XML
如果需要给播放器添加新的控件,或者更换图片,修改按钮位置等必须要把原来的 XML 完整拷贝至新建 XML 中,控件名称建议不能修改,只添加你需要的控件就行了。

原有的控件不能删除,否则会报错。

通过 getLayoutId() 方法设置自定义布局文件


@Override
public int getLayoutId() {
   return R.layout.jiaozi_player_video;
}

b、添加倍速切换、下载控件
在 init 方法中初始化控件


video_speed = (TextView) findViewById(R.id.video_speed);
video_speed.setOnClickListener(this);

c、监听
注意:JZVideoPlayerStandard 只是提供了布局的相关操作。倍速切换涉及到引擎的加速,所以暂时用广播的方式去通知 Activity 调用引擎。(放在后面讲)


@Override
public void onClick(View v) {
       super.onClick(v);
       int i = v.getId();
       if (i == R.id.video_speed) {
           // 切换倍速
           video_speed.setText(resolveTypeUI(mFloat) + "X");
           mFloat = resolveTypeUI(mFloat);
           EventBus.getDefault().post(new SpeedEvent(mFloat));
           // 更新播放状态
           onStatePreparingChangingUrl(0, getCurrentPositionWhenPlaying());
       }else if (i == R.id.video_download) {
           // 下载
       }
   }
   /*显示倍速比例*/
public static float resolveTypeUI(float speed) {
       if (speed == 1) {
           speed = 1.25f;
       } else if (speed == 1.25f) {
           speed = 1.5f;
       } else if (speed == 1.5f) {
           speed = 2f;
       } else if (speed == 2f) {
           speed = 1f;
       }
       return speed;
}

针对播放状态控制控件显隐

实际需求中,如果是在全屏状态才需要展示控件,那么就需要这一步操作。
JiaoZiVideoPlayer 默认有清晰度切换的控件,不需要重复写相关逻辑。


@Override
public void setUp(Object[] dataSourceObjects, int defaultUrlMapIndex, int screen, Object... objects) {
super.setUp(dataSourceObjects, defaultUrlMapIndex, screen, objects);
       //如果是全屏才显示相关按钮
       Log.e("data========:", dataSourceObjects.length+"");
       if (currentScreen == SCREEN_WINDOW_FULLSCREEN) {
           video_speed.setVisibility(VISIBLE);
           video_download.setVisibility(VISIBLE);
       } else if (currentScreen == SCREEN_WINDOW_NORMAL) {
           video_speed.setVisibility(GONE);
           video_download.setVisibility(GONE);
       } else if (currentScreen == SCREEN_WINDOW_TINY) {
           video_speed.setVisibility(GONE);
           video_download.setVisibility(GONE);
       }
   }

自定义播放引擎
如果要实现倍速播放,不管是 自带的MediaPlayer 还是 ijkPlayer 都必须要自定义播放引擎。只不过各自继承的引擎不同。

MyJZMediaSystem.java

a、提供倍速切换的方法


   //播放速度,默认1
   public float speeding=1f;
   public float getSpeeding() {
       return speeding;
   }
   public void setSpeeding(float speeding) {
       this.speeding = speeding;
   }

  1. 通过引擎切换倍速
    ijkPlayer:


   @Override
   public void onPrepared(IMediaPlayer iMediaPlayer) {
       Log.e("speed=======:", getSpeeding() + "");
       ijkMediaPlayer.setSpeed(getSpeeding());
       ijkMediaPlayer.start();
   }
MediaPlayer:
   @Override
   public void onPrepared(MediaPlayer mediaPlayer) {
       //设置倍速,5.0以下不支持,会抛异常
       try {
           mediaPlayer.setPlaybackParams(new PlaybackParams().setSpeed(getSpeeding()));
       }catch (NoClassDefFoundError e){
       }
       mediaPlayer.start();
   }

使用

  1. 设置播放控件
    <com.wapchief.qiniuplayer.views.myjzvideoplayerstandard android:layout_width="match_parent" android:layout_height="200dp" android:id="@+id/jiaozi_player" style="font-size: inherit;color: inherit;line-height: inherit;"></com.wapchief.qiniuplayer.views.myjzvideoplayerstandard>

  2. 初始化播放地址
    如果不需要清晰度切换直接把objects 替换成视频 URL链接就行了。


   /**
    * 初始化播放地址
    */

   private String[] mediaName = {"普通","高清","原画"};
   private void initPlayerUrl() {
       Object[] objects = new Object[3];
       LinkedHashMap map = new LinkedHashMap();
       for (int i = 0; i < 3; i++) {
           map.put(mediaName[i], MediaUrl.URL_M3U8);
       }
       objects[0] = map;
       objects[1] = false;
       objects[2] = new HashMap<>();
       ((HashMap) objects[2]).put("key", "value");
       mPlayerStandard.setUp(objects, 0, JZVideoPlayer.SCREEN_WINDOW_NORMAL, "");
   }

  1. 初始化播放引擎


//自定义 MediaPlayer
MyJZMediaSystem mJZMediaSystem = new MyJZMediaSystem();
//自定义 ijk
MyIJKMediaSystem mIJKMediaSystem = new MyIJKMediaSystem();
   @Override
   protected void onPause() {
       super.onPause();
       JZVideoPlayer.releaseAllVideos();
       JZVideoPlayer.setMediaInterface(mIJKMediaSystem);
   }
   @Override
   public void onBackPressed() {
       if (JZVideoPlayer.backPress()) {
           return;
       }
       super.onBackPressed();
   }

  1. 倍速切换事件


  /**倍速切换*/
   @Subscribe(threadMode = ThreadMode.POSTING)
   public void onMessageEventPostSpeed(SpeedEvent event) {
       mJZMediaSystem.setSpeeding(event.getSpeed());
       mIJKMediaSystem.setSpeeding(event.getSpeed());
       Toast.makeText(this, "正在切换倍速:"+event.getSpeed(), Toast.LENGTH_LONG).show();
   }

原文地址:https://www.jianshu.com/p/f9ae63d04fc2

项目地址:点击【阅读原文】

实现视频播放器倍速、清晰度切换、m3u8下载功能