前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >视频播放器倍速、清晰度切换、m3u8下载

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

作者头像
xiangzhihong
发布2022-11-30 10:59:36
1.1K0
发布2022-11-30 10:59:36
举报
文章被收录于专栏:向治洪

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

我们很多时候需要实现的效果是变速不变调。项目基于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 播放引擎,省去了写布局和播放逻辑的麻烦。

实例

首先,引入相关的jar包支持,

代码语言:javascript
复制
implementation 'cn.jzvd:jiaozivideoplayer:6.2.7' 
implementation 'tv.danmaku.ijk.media:ijkplayer-java:0.8.4'
implementation 'tv.danmaku.ijk.media:ijkplayer-armv7a:0.8.4'
implementation 'com.jwkj:M3U8Manger:v2.1.9'

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

自定义播放器布局

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

a、重写 XML 如果需要给播放器添加新的控件,或者更换图片,修改按钮位置等必须要把原来的 XML 完整拷贝至新建 XML 中,控件名称建议不能修改,只添加你需要的控件就行了。通过 getLayoutId() 方法设置自定义布局文件。例如:

代码语言:javascript
复制
@Override
public int getLayoutId() {
    return R.layout.jiaozi_player_video;
}

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

代码语言:javascript
复制
video_speed = (TextView) findViewById(R.id.video_speed);
video_speed.setOnClickListener(this);

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

代码语言:javascript
复制
@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;
}

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

代码语言:javascript
复制
@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 都必须要自定义播放引擎,只不过各自继承的引擎不同。

a、提供倍速切换的方法

代码语言:javascript
复制
 //播放速度,默认1
    public float speeding=1f;
    public float getSpeeding() {
        return speeding;
    }
    public void setSpeeding(float speeding) {
        this.speeding = speeding;
    }

通过引擎切换倍速ijkPlayer。

代码语言:javascript
复制
@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();
    }

使用实例

a,设置播放控件

代码语言:javascript
复制
<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>

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

代码语言:javascript
复制
 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, "");
    }

c,初始化播放引擎

代码语言:javascript
复制
//自定义 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();
    }

d,倍速切换事件

代码语言:javascript
复制
 @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();
    }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-04-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解决方法
  • 实例
    • 自定义播放器布局
      • 自定义播放引擎
        • 使用实例
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档