仿微信视频通话大小视图切换（SurfaceView实现）(1)

最新推荐文章于 2024-07-24 16:29:50 发布
最新推荐文章于 2024-07-24 16:29:50 发布
阅读量426 收藏 4
点赞数 4
分类专栏： 程序员 文章标签： 微信 音视频 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84121827/article/details/137689157
版权

private MediaPlayer mediaPlayer;

private MediaPlayer mediaPlayer2;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//如果判断有刘海屏不让填充到状态栏

if (DisplayUtil.hasNotchScreen(this)) {

getWindow().addFlags(

WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON

| WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN);

} else {

getWindow().addFlags(

WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON

| WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN

| WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);

}

setContentView(R.layout.activity_main);

llCallContainer = findViewById(R.id.ll_call_container);

rlRemote = findViewById(R.id.rl_remote);

surfaceviewRemote = findViewById(R.id.surfaceview_remote);

rlLocal = findViewById(R.id.rl_local);

surfaceviewLocal = findViewById(R.id.surfaceview_local);

surfaceviewRemote.setOnClickListener(this);

surfaceviewLocal.setOnClickListener(this);

//初始化视频源

mediaPlayer = new MediaPlayer();

mediaPlayer2 = new MediaPlayer();

SurfaceHolder remoteHolder = surfaceviewRemote.getHolder();

remoteHolder.setFormat(PixelFormat.TRANSPARENT);

remoteHolder.addCallback(new SurfaceHolder.Callback() {

@Override

public void surfaceCreated(SurfaceHolder holder) {

play2();

LogUtils.e(“Remote + surfaceCreated”);

}

@Override

public void surfaceChanged(SurfaceHolder holder, int format,

int width, int height) {

LogUtils.e( “Remote + surfaceChanged”);

}

@Override

public void surfaceDestroyed(SurfaceHolder holder) {

pause2();

LogUtils.e( “Remote + surfaceDestroyed”);

}

});

surfaceviewLocal.setZOrderOnTop(true);

surfaceviewLocal.setZOrderMediaOverlay(true);

SurfaceHolder localHolder = surfaceviewLocal.getHolder();

localHolder.setFormat(PixelFormat.TRANSPARENT);

localHolder.addCallback(new SurfaceHolder.Callback() {

@Override

public void surfaceCreated(SurfaceHolder holder) {

play();

LogUtils.e( “Local + surfaceCreated”);

}

@Override

public void surfaceChanged(SurfaceHolder holder, int format,

int width, int height) {

LogUtils.e(“Local + surfaceChanged”);

}

@Override

public void surfaceDestroyed(SurfaceHolder holder) {

pause();

LogUtils.e( “Local + surfaceDestroyed”);

}

});

defaultLocalMargin = DisplayUtil.dip2px(this, defaultLocalMargin);

defaultLocalwidth = DisplayUtil.dip2px(this, defaultLocalwidth);

defaultLocalHeight = (int) (DisplayUtil.getScreenHeight(this) / (float) DisplayUtil.getScreenWidth(this) * defaultLocalwidth);

zoomOpera(rlRemote, surfaceviewRemote, rlLocal, surfaceviewLocal);

uiHandler = new Handler();

postDelayedCloseBtn();

}

@Override

protected void onDestroy() {

if (mediaPlayer != null) {

mediaPlayer.stop();

mediaPlayer.release();

mediaPlayer = null;

}

if (mediaPlayer2 != null) {

mediaPlayer2.stop();

mediaPlayer2.release();

mediaPlayer2 = null;

}

if (uiHandler != null) {

uiHandler.removeCallbacksAndMessages(null);

}

super.onDestroy();

}

/**

  • 播放源

*/

private void play() {

try {

//添加播放视频的路径与配置MediaPlayer

AssetFileDescriptor fileDescriptor = getResources().openRawResourceFd(R.raw.video4);

mediaPlayer.reset();

//给mMediaPlayer添加预览的SurfaceHolder，将播放器和SurfaceView关联起来

mediaPlayer.setDisplay(surfaceviewLocal.getHolder());

mediaPlayer.setDataSource(fileDescriptor.getFileDescriptor(),

fileDescriptor.getStartOffset(),

fileDescriptor.getLength());

//设置视频输出到SurfaceView

// mediaPlayer.setDisplay(surfaceviewLocal.getHolder());

mediaPlayer.prepare();

mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {

@Override

public void onPrepared(MediaPlayer mp) {

mediaPlayer.start();

}

});

} catch (IOException e) {

e.printStackTrace();

}

}

/**

  • 播放源2

*/

private void play2() {

try {

//添加播放视频的路径与配置MediaPlayer

AssetFileDescriptor fileDescriptor = getResources().openRawResourceFd(R.raw.video5);

mediaPlayer2.reset();

//给mMediaPlayer添加预览的SurfaceHolder，将播放器和SurfaceView关联起来

mediaPlayer2.setDisplay(surfaceviewRemote.getHolder());

mediaPlayer2.setDataSource(fileDescriptor.getFileDescriptor(),

fileDescriptor.getStartOffset(),

fileDescriptor.getLength());

//设置视频输出到SurfaceView

// mediaPlayer2.setDisplay(surfaceviewRemote.getHolder());

mediaPlayer2.prepare();

mediaPlayer2.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {

@Override

public void onPrepared(MediaPlayer mp) {

mediaPlayer2.start();

}

});

} catch (IOException e) {

e.printStackTrace();

}

}

/**

  • 暂停1

*/

private void pause() {

if (mediaPlayer.isPlaying()) {

mediaPlayer.pause();

} else {

mediaPlayer.start();

}

}

/**

  • 暂停1

*/

private void pause2() {

if (mediaPlayer2.isPlaying()) {

mediaPlayer2.pause();

} else {

mediaPlayer2.start();

}

}

/**

  • 停止

*/

private void stop() {

if (mediaPlayer != null && mediaPlayer.isPlaying()) {

mediaPlayer.stop();

mediaPlayer.release();

}

}

/**

  • 停止

*/

private void stop2() {

if (mediaPlayer2 != null && mediaPlayer.isPlaying()) {

mediaPlayer2.stop();

mediaPlayer2.release();

}

}

@Override

public void onClick(View view) {

switch (view.getId()) {

case R.id.surfaceview_local:

LogUtils.d(" onClick surfaceview_local: " + mSate);

if (mSate) {

zoomOpera(rlLocal, surfaceviewLocal, rlRemote, surfaceviewRemote);

mSate = false;

} else {

changeStatus();

}

break;

case R.id.surfaceview_remote:

LogUtils.d(" onClick surfaceview_remote: " + mSate);

if (!mSate) {

zoomOpera(rlRemote, surfaceviewRemote, rlLocal, surfaceviewLocal);

mSate = true;

} else {

changeStatus();

}

break;

default:

break;

}

}

/**

  • 改变转态烂的显示隐藏

*/

protected void changeStatus() {

if (llCallContainer.getVisibility() == View.GONE) {

llCallContainer.setVisibility(View.VISIBLE);

showStatusBar();

postDelayedCloseBtn();

} else {

llCallContainer.setVisibility(View.GONE);

hideStatusBar();

}

}

/**

  • 大小视图切换 （小视图在前面、大视图在后面）

  • @param sourcView 之前相对布局大小

  • @param beforeview 之前surfaceview

  • @param detView 之后相对布局大小

  • @param afterview 之后的surfaceview

*/

private void zoomOpera(View sourcView, SurfaceView beforeview,

View detView, SurfaceView afterview) {

RelativeLayout paretview = (RelativeLayout) sourcView.getParent();

paretview.removeView(detView);

paretview.removeView(sourcView);

//设置远程大视图RelativeLayout 的属性

RelativeLayout.LayoutParams params1 = new RelativeLayout.LayoutParams(

RelativeLayout.LayoutParams.MATCH_PARENT,

RelativeLayout.LayoutParams.MATCH_PARENT);

params1.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);

beforeview.setZOrderMediaOverlay(true);

beforeview.getHolder().setFormat(PixelFormat.TRANSPARENT);

sourcView.setLayoutParams(params1);

//设置本地小视图RelativeLayout 的属性

params1 = new RelativeLayout.LayoutParams(defaultLocalwidth, defaultLocalHeight);

params1.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, RelativeLayout.TRUE);

params1.setMargins(0, defaultLocalMargin, defaultLocalMargin, 0);

//在调用setZOrderOnTop(true)之后调用了setZOrderMediaOverlay(true) 遮挡问题

afterview.setZOrderOnTop(true);

afterview.setZOrderMediaOverlay(true);

afterview.getHolder().setFormat(PixelFormat.TRANSPARENT);

detView.setLayoutParams(params1);

paretview.addView(sourcView);

paretview.addView(detView);

}

/**

  • 开启取消延时动画

*/

private void postDelayedCloseBtn() {

uiHandler.removeCallbacksAndMessages(null);

uiHandler.postDelayed(new Runnable() {

@Override

public void run() {

llCallContainer.setVisibility(View.GONE);

hideStatusBar();

}

}, 5000);

}

/**

  • 隐藏标题栏

*/

private void hideStatusBar() {

WindowManager.LayoutParams attrs = getWindow().getAttributes();

attrs.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN;

getWindow().setAttributes(attrs);

}

/**

  • 显示标题栏

*/

private void showStatusBar() {

WindowManager.LayoutParams attrs = getWindow().getAttributes();

attrs.flags &= ~WindowManager.LayoutParams.FLAG_FULLSCREEN;

getWindow().setAttributes(attrs);

}

}

1.2、activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<RelativeLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<RelativeLayout

android:id=“@+id/rl_remote”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<SurfaceView

android:id=“@+id/surfaceview_remote”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

<RelativeLayout

android:id=“@+id/rl_local”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignParentRight=“true”>

<SurfaceView

android:id=“@+id/surfaceview_local”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<LinearLayout

android:id=“@+id/ll_call_container”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_gravity=“bottom”

android:layout_marginBottom=“25dp”

android:gravity=“center_horizontal”

android:orientation=“horizontal”>

<TextView

android:id=“@+id/tv_call_quiet”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:drawablePadding=“10dp”

android:drawableTop=“@mipmap/chat_video_change_voice_img”

android:gravity=“center_horizontal”

android:text=“切到语音聊天”

android:textColor=“#ffffff”

android:textSize=“12sp”/>

<TextView

android:id=“@+id/tv_handup_call”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:drawablePadding=“10dp”

android:drawableTop=“@mipmap/chat_video_guaduan_img_normal”

android:gravity=“center_horizontal”

android:text=“挂断”

android:textColor=“#ffffff”

android:textSize=“12sp”/>

<TextView

android:id=“@+id/tv_change_camera”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_weight=“1”

android:drawablePadding=“10dp”

android:drawableTop=“@mipmap/chat_video_change_camera_img”

android:gravity=“center_horizontal”

android:text=“转换摄像头”

android:textColor=“#ffffff”

android:textSize=“12sp”/>

1.3、DisplayUtil.java

public class DisplayUtil {
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

尾声

在我的博客上很多朋友都在给我留言，需要一些系统的面试高频题目。之前说过我的复习范围无非是个人技术博客还有整理的笔记，考虑到笔记是手写版不利于保存，所以打算重新整理并放到网上，时间原因这里先列出面试问题，题解详见：


展示学习笔记

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

。**

[外链图片转存中…(img-08uPk240-1712914898279)]

[外链图片转存中…(img-04ZQcj0u-1712914898280)]

[外链图片转存中…(img-7BXGaMGs-1712914898280)]

[外链图片转存中…(img-qKxU4xeo-1712914898280)]

[外链图片转存中…(img-DnNWMPsl-1712914898281)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

尾声

在我的博客上很多朋友都在给我留言，需要一些系统的面试高频题目。之前说过我的复习范围无非是个人技术博客还有整理的笔记，考虑到笔记是手写版不利于保存，所以打算重新整理并放到网上，时间原因这里先列出面试问题，题解详见：

[外链图片转存中…(img-dMxAt4lM-1712914898281)]
展示学习笔记
[外链图片转存中…(img-IAv9g8T9-1712914898281)]
[外链图片转存中…(img-JxfTfjSE-1712914898281)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

2401_84121827
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 视频通话窗口切换,仿微信视频通话大小视图切换（SurfaceView实现）
weixin_35517006的博客
05-26 965
前言前一段时间做了一个即时通讯的项目，在项目中遇到很多坑，有时间一一做个总结，项目消息发送基于XMPP+Tigase，语言视频通话基于PJSIP+FreeSWITCH，项目UI仿微信。做到视频通话时，遇到本地视图与远程视图切换，网上搜了一篇相关的博客：https://blog.csdn.net/xuedaqian123/article/details/77878781，根据大神思路写了这个Demo...
仿微信视频通话大小视图切换（SurfaceView实现）
songzi1228的博客
11-12 2159
0、相关文章： 仿微信视频通话大小视图切换（SurfaceView实现）（文章1：阅读量3k，2赞，2018.7.22） Android视频聊天或直播，大小视频切换思路和代码（文章2：阅读量8k，3赞，2016.8.3） 1、正文： 下载了文章1中的demo，但是由于工程的原因，无法编译成功，于是自己新建了项目，把一些文件拷贝过来，顺利运行。 1.1、MainActivity.java ...
meidaplayer+surfaceview 实现的 一个常用播放器，包括大小屏切换，底部进度条，播放控制，屏幕旋转
07-13
meidaplayer+surfaceview 实现的 一个常用播放器，包括大小屏切换，底部进度条，播放控制，屏幕旋转处理
横竖屏切换SurfaceView 大小的调整
Code Issuer的博客
10-30 1万+
视频播放的实现大概有以下形式： 1.使用系统自带视频播放类VideoView 2.使用MediaPlayer+surfaceView 3.使用一些第三方框架如：vitamio 还有像新浪在github上开放的视频播放框架等... 使用场景： 第一种方法：简单，但是VideoView不支持自定义视频，也就是你只能使用系统给你提供的布局，这在很大时候是不符合我们项目需求的。 第二种方法：使
SurfaceViewDemo:仿微信视频聊天大小视图切换（SurfaceView内容根据自己视频源填充）
04-29
下面将详细介绍`SurfaceView`的工作原理以及如何实现类似微信视频聊天的视图切换效果。 1. **SurfaceView简介** `SurfaceView`是Android提供的一种特殊视图，它有自己的Surface，可以在单独的线程中进行渲染，避免...
仿微信视频录制
11-12
在Android平台上，仿微信视频录制是一项常见的需求，它涉及到多媒体处理、用户界面设计以及系统级权限的管理等多个方面的技术。微信视频录制功能的核心在于提供流畅、高质量的录制体验，同时保持用户界面简洁易用。...
Android仿微信多人音视频通话界面
01-20
总的来说，实现类似微信的多人音视频通话界面，需要深入理解Android的视图系统、布局管理以及多媒体处理。自定义`LayoutManager`提供了一种灵活且高效的解决方案，能够根据实际需求动态调整界面布局，确保良好的用户...
android视频聊天大小窗口的实现
08-03
1. VideoActivity中的changeSize方法：这是切换大小窗口的核心逻辑。可能包括调整TextureView或SurfaceView的尺寸，重新配置MediaCodec的编码参数，以及修改数据传输的分辨率和码率。 2. 视频流处理：切换到小窗口...
两个surfaceView实现切换效果
08-25
今天，我们将详细介绍如何使用两个SurfaceView实现切换效果，以满足视频通话界面的需求。 需求分析 在视频通话界面中，我们需要两个SurfaceView，一个显示本端的视图，另一个显示对端的视图。为了保证用户体验，...
Android 大小两个Surface切换
u011803341的专栏
12-05 4861
在视频聊天app中一般会有这样的场景，一个大的Surface显示对方的画面，一个略小的Surface显示自己的画面（类似于微信视频聊天），然后点击一下小的那个Surface,会把两个画面对调。今天就来看看，这个是怎么实现的。
Android SurfaceView全屏切换重建问题
a64414的博客
06-04 2291
因为全屏播放时会重建Activity导致数据丢失，为了保证数据完整，有两种方法1.使用如下方法传递数据@Override protected void onSaveInstanceState(Bundle outState) {   super.onSaveInstanceState(outState);     } @Override protected void onRestoreInstan...
Android设置SurfaceView任意大小和任意位置
hddghhfd的博客
11-11 5307
Android设置SurfaceView任意大小和任意位置
Android视频播放器实现小窗口和全屏状态切换
热门推荐
Dawish的专栏
05-27 6万+
Android视频播放器实现小窗口和全屏状态切换实在是不好意思，楼下评论的兄弟久等了，这文章一直没写第一是没时间，第二是自己准备也不充足，最近才看了好几个Android视频播放器的开源项目，才对视频播放器的大小切换有点了解，就我目前的了解，视频播放器的大小屏切换基本有三个方案可选，下面我分别简单地讲一下，至于具体的实现我会给出github的链接，大家直接去看源代码。一、让播放器悬浮在Activity
Android | 改变SurfaceView控件的大小
明朗晨光的专栏
01-17 1万+
最近，被如何修改显示视频的SurfaceView控件大小（即视频播放时所看到的画面大小）搞得焦头烂额。查看了各种技术网站以及源码，终于找到了。 有两个tips需要注意： 视频的大小：即视频解码后原本的Video size大小； 播放视频时的大小：指的是播放视频的控件的大小； 1、SurfaceHodler.setFixedSize(int w, int h); 函数功能说明：告诉系统真实
Android 更换applicationId 后 微信没有回调
最新发布
七夜的博客
07-24 596
android 微信没有回调
Android 微信视频通话 surfaceview
02-10
Android 微信视频通话使用 SurfaceView 来实现视频的显示和渲染。SurfaceView 是 Android 提供的一个专门用于绘制复杂、频繁更新的图形界面的控件。它在底层使用了双缓冲机制，可以在一个独立的线程中进行绘制，避免...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值