天天看点

阿里云移动端播放器高级功能---截图和音频波形

基本介绍

如果用户对视频播放中的某一帧画面特别感兴趣,可以使用截图功能将这一帧视频保存起来。另外有一种场景想知道是否有声音,或者想感知声音的大小震动频率等,可以通过显示一个声音的波形来形象的表示。如下图所示:

阿里云移动端播放器高级功能---截图和音频波形

那么播放器提供了类似的方法可以让用户有办法去实现音频波形这个功能。那么这种通常在音乐播放器中比较常见,或者在直播场景中来标识对方讲话是否有声音等,有一定的应用场景。

https://www.atatech.org/articles/131375#1 视频截图

https://www.atatech.org/articles/131375#2 实现接口

iOS接口如下:

/**
 * 功能:截取当前正在播放图像
 *
 */
-(UIImage*) snapshot;
           

Android接口如下:

public Bitmap snapShot();
           

https://www.atatech.org/articles/131375#3 需要注意

https://www.atatech.org/articles/131375#4 视频内容截取

需要知道的是视频截图截取的是视频的真实内容,而不是渲染窗口大小的图像。比如播放的是1920x1080的图像,窗口渲染大小是800*600,那么截取出来的图像是原始的1080p的图像,而不是窗口渲染大小的图像。这样截取出来的内容不会有失真的情况。

https://www.atatech.org/articles/131375#5 保持镜像和旋转

如果此时用户设置了镜像或者旋转模式,那么截取出来的视频内容也是有旋转和镜像的图像。SDK内部已经对这种情况进行了处理。

https://www.atatech.org/articles/131375#6 音频波形

https://www.atatech.org/articles/131375#7

用户要实现音柱功能,播放器SDK必须要将实时的播放音频数据回调出来,具体见一下方法:

iOS接口:通过一个block回调出PCM音频数据

/**
 * 功能:
 * 参数:block:音频数据回调
 *
 */
-(void) getAudioData:(void (^)(NSData *data))block;
           

Android接口:通过一个监听来获取音频数据

public interface OnPcmDataListener {
    public void onPcmData(byte[] data, int size);
}

public void setOnPcmDataListener(OnPcmDataListener onPcmDataListener);
           

https://www.atatech.org/articles/131375#8 实现音频波形

拿到了PCM数据之后,如何去绘制音频波形,就是应用层的事情了,iOS和Java层都有很多绘制音频波形的方法。

要绘制成什么样的形状都可以安装自己的需求来做。这些在网上都有很多相关的资料,在这里就不进行描述。

类似如下比较炫的效果都可以实现。

阿里云移动端播放器高级功能---截图和音频波形
阿里云移动端播放器高级功能---截图和音频波形

继续阅读