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

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

我们很多时候需要实现的效果是变速不变调。项目基于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

原文发布于微信公众号 - 何俊林(DriodDeveloper)

原文发表时间:2018-04-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏iOS开发随笔

​SceneKit基本概念

SCNView主要作用是显示SceneKit的3D内容,在iOS系统上是UIView的子类,所以它可以添加到我们的视图中去,如果我们做一个应用想要加点3D元素,...

44914
来自专栏郭霖

Android状态栏微技巧,带你真正理解沉浸式模式

记得之前有朋友在留言里让我写一篇关于沉浸式状态栏的文章,正巧我确实有这个打算,那么本篇就给大家带来一次沉浸式状态栏的微技巧讲解。 其实说到沉浸式状态栏这个名字我...

28610
来自专栏技术总结

UIKit Dynamics 置身真实世界

25310
来自专栏移动开发之家

Android 拍摄(横\竖屏)视频的懒人之路

请捂着你的良心说话,对于贫穷的作者(我)不是应该打赏么 ̄へ ̄!,接下来工作又要忙起来了,更新应该是放缓了呢╮(╯_╰)╭,好伤心。

2603
来自专栏非著名程序员

Android 实现视屏播放器、边播边缓存功能、外加铲屎(IJKPlayer)

Android 实现视屏播放器与边播边缓存功能外加蹲坑铲屎(IJKPlayer) hello,大家好,我就是那个会掀桌子的话唠,刚刚结束两篇关于音频播放与录制的...

6579
来自专栏闰土大叔

在没有DOM操作的日子里,我是怎么熬过来的(终结篇)

前言 在我写终结篇的日子里,Vue版本稳定在2.9.1。当我摸清Vue的脉络之后,以一个爬坑无数的亲历者的身份,谈谈我在MVVM时代里遇到的那些事儿。 接下来,...

34613
来自专栏iOS开发随笔

SceneKit基本概念

1074
来自专栏我就是马云飞

带你实现漂亮的滑动卷尺

前言 HenCoder最近在搞一个仿写活动,活动地址 http://hencoder.com/activity-mock-1/,之前关注过他写的关于绘制系列的文...

19410
来自专栏闰土大叔

西安电话面试:谈谈Vue数据双向绑定原理,看看你的回答能打几分

最近我参加了一次来自西安的电话面试(第二轮,技术面),是大厂还是小作坊我在这里按下不表,先来说说这次电面给我留下印象较深的几道面试题,这次先来谈谈Vue的数据双...

1163
来自专栏Material Design组件

Human Interface Guidelines — Interface Essentials

1527

扫码关注云+社区