Picture-In-Picture 画中画模式

已于 2022-10-13 11:07:51 修改
阅读量1.9k 收藏
点赞数
文章标签： android android studio
于 2022-10-13 10:33:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43751313/article/details/127284719
版权

Picture-In-Picture 画中画模式

此代码为项目中使用，封装了PlayerView，相关进入PIP模式的代码也是在PlayerView中

准备工作

AndroidManifest.xml 中，在对应的Activity下添加：

android:supportsPictureInPicture="true"
android:launchMode="singleTask"
android:configChanges="screenLayout|orientation"

准备进入PIP模式

  1. Android 8.0 Oreo（API Level 26）允许活动启动画中画 Picture-in-picture（PIP）模式，因此开启前需要对当前版本进行判断。
  2. 内存较低的设备可能无法开启PIP，hasSystemFeature(PackageManager. FEATURE_PICTURE_IN_PICTURE) 用来检查以确保可以使用PIP。
	//PlayerView中点击PIP按钮进入PIP模式
    @Override
     public void onPipModeClick() {
        enterPipModel(context);
    }

    private PictureInPictureParams.Builder build;

    public void enterPipModel(Context context) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O
                && getContext().getPackageManager().hasSystemFeature(PackageManager.FEATURE_PICTURE_IN_PICTURE)) {
            AppOpsManager appOpsManager = (AppOpsManager) context.getSystemService(Context.APP_OPS_SERVICE);
            Activity activity = getActivity(getContext());
            //Android 10+ 关闭PIP权限后，此处调用checkOp检查会报错
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
                if (AppOpsManager.MODE_ALLOWED == appOpsManager.unsafeCheckOpNoThrow(
                        AppOpsManager.OPSTR_PICTURE_IN_PICTURE,
                        context.getApplicationInfo().uid, context.getPackageName())) {
                    buildPIP(activity);
                } else {
                    showNoPIPPermission(context, activity);
                }
            } else {
                if (AppOpsManager.MODE_ALLOWED == appOpsManager.checkOp(
                        AppOpsManager.OPSTR_PICTURE_IN_PICTURE,
                        context.getApplicationInfo().uid, context.getPackageName())) {
                    buildPIP(activity);
                } else {
                    showNoPIPPermission(context, activity);
                }
            }
        }
    }
    
    /**
     * 创建PIP Build
     *
     * @param activity
     */
    private void buildPIP(Activity activity) {
    	//这里宽高比例写死为16:9，也可用播放器view的宽高
        build.setAspectRatio(new Rational(16, 9));
        Rect rect = new Rect();
        getGlobalVisibleRect(rect);
        build.setSourceRectHint(rect);
        //进入PIP
        activity.enterPictureInPictureMode(build.build());
   		//对播放器控制view的隐藏
        playerControlView.forceControlWidgetGone();
        //回复播放
        resumePlay();
    }

    /**
     * 提示PIP无权限并且跳转到设置界面
     *
     * @param context
     * @param activity
     */
    private void showNoPIPPermission(Context context, Activity activity) {
        Toast.makeText(context, R.string.player_view_pip_permissions_tips, Toast.LENGTH_LONG).show();
        try {
            Intent intent = new Intent("android.settings.PICTURE_IN_PICTURE_SETTINGS", Uri.parse("package:" + activity.getPackageName()));
            context.startActivity(intent);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

PIP模式更新自定义Action

项目需求是暂停、恢复播放、快进15s、快退15s，因此需要在播放器播放、暂停时调用此方法更新PIP模式按钮状态

		//播放视频时，按钮为暂停样式
        updatePictureInPictureActions(R.drawable.exo_icon_pause,
                getActivity(getContext()).getString(R.string.cast_pause),
                PIPControlUtils.CONTROL_TYPE_PAUSE, PIPControlUtils.CONTROL_PAUSE_REQUEST_CODE);

        //暂停播放时，按钮为播放样式
        updatePictureInPictureActions(R.drawable.exo_icon_play,
                getActivity(getContext()).getString(R.string.cast_pause),
                PIPControlUtils.CONTROL_TYPE_PLAY, PIPControlUtils.CONTROL_PLAY_REQUEST_CODE
        );

    /**
     * Update the state of pause/resume/fastforward/rewind action item in Picture-in-Picture mode.
     *
     * @param iconId      暂停、播放icon id
     * @param title       action 标题
     * @param controlType action 类型
     * @param requestCode PendingIntent 请求码
     */
    void updatePictureInPictureActions(
            @DrawableRes int iconId, String title, int controlType, int requestCode
    ) {
        //Android 8.0+
        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) return;
        //最终PIP模式下自定义按钮的顺序与添加进actions的action顺序相同
        int flags = PendingIntent.FLAG_UPDATE_CURRENT;
        if (BuildCompat.isAtLeastS()) {
            //Android 12 以上需要再添加PendingIntent.FLAG_MUTABLE，否则内部方法checkFlag()会报错
            flags |= PendingIntent.FLAG_MUTABLE;
        }
        final ArrayList<RemoteAction> actions = new ArrayList<>();
        //暂停、恢复播放的PendingIntent
        final PendingIntent pausePlayIntent =
                PendingIntent.getBroadcast(
                        getActivity(getContext()),
                        requestCode,
                        new Intent(PIPControlUtils.ACTION_MEDIA_CONTROL).putExtra(PIPControlUtils.EXTRA_CONTROL_TYPE, controlType),
                        flags);
        //快进的PendingIntent
        final PendingIntent fastForwardIntent =
                PendingIntent.getBroadcast(
                        getActivity(getContext()),
                        PIPControlUtils.CONTROL_FAST_FORWARD_REQUEST_CODE,
                        new Intent(PIPControlUtils.ACTION_MEDIA_CONTROL).putExtra(PIPControlUtils.EXTRA_CONTROL_TYPE, PIPControlUtils.CONTROL_TYPE_FAST_FORWARD),
                        flags);
        //快退的PendingIntent
        final PendingIntent rewindIntent =
                PendingIntent.getBroadcast(
                        getActivity(getContext()),
                        PIPControlUtils.CONTROL_REWIND_REQUEST_CODE,
                        new Intent(PIPControlUtils.ACTION_MEDIA_CONTROL).putExtra(PIPControlUtils.EXTRA_CONTROL_TYPE, PIPControlUtils.CONTROL_TYPE_REWIND),
                        flags);
        /**
         * 快退按钮的action
         */
        RemoteAction rewindAction = new RemoteAction(
                Icon.createWithResource(getActivity(getContext()), R.drawable.ic_rewind_15),
                "rewind",
                "rewind",
                rewindIntent
        );

        // RemoteAction.setEnabled(boolean); 设置action是否可用，传false则icon变成灰色且不可点击
        
        actions.add(rewindAction);

        /**
         * 暂停播放按钮的action
         */
        final Icon icon = Icon.createWithResource(getActivity(getContext()), iconId);
        actions.add(new RemoteAction(icon, title, title, pausePlayIntent));

        /**
         * 快进按钮的action
         */
        RemoteAction fastForwardAction = new RemoteAction(
                Icon.createWithResource(getActivity(getContext()), R.drawable.ic_fast_forward_15),
                "fast_forward",
                "fast_forward",
                fastForwardIntent
        );
        
        // setEnabled() -> 可切换action对应的icon是否可用，不可用则为灰色切不能点击
        
        actions.add(fastForwardAction);
        //设置已自定义的actions
        build.setActions(actions);
        //设置画中画参数
        getActivity(getContext()).setPictureInPictureParams(build.build());
    }

对应的Activity

生命周期：
进入PIP模式：onPause()
从PIP模式回复全屏：onResume()
关闭PIP模式：onStop()
PIP模式下锁屏/解锁：onStop() / onStart()

	//是否进入PIP模式
	private var isEnteredPIPMode = false
	
	//复写finish()方法
    override fun finish() {
        finishAndRemoveTask()
    }

    override fun onPictureInPictureModeChanged(
        isInPictureInPictureMode: Boolean,
        newConfig: Configuration?
    ) {
        //进入PIP时，会调用onPause()，此时lifecycle.currentState 变为Lifecycle.State.STARTED
        //退出PIP时，会调用onStop()，此时lifecycle.currentState 变为Lifecycle.State.CREATED，即可做finish Activity的操作
        //STARTED->:after onStart call;right before onPause call.
        //CREATED->:after onCreate call;right before onStop call.
        if (lifecycle.currentState == Lifecycle.State.CREATED) {
            if (null != mReceiver){
                unregisterReceiver(mReceiver)
                mReceiver = null
            }
            finish()
        }
        super.onPictureInPictureModeChanged(isInPictureInPictureMode, newConfig)
        isEnteredPIPMode = isInPictureInPictureMode
        if (isInPictureInPictureMode) {
        	   //进入PIP模式后，注册广播接收器以接受自定义Action
        	   registerBroadcast()
        }else{
           if (null != mReceiver){
                //退出PIP模式后，注销广播接收器，将mReceiver置空
                unregisterReceiver(mReceiver)
                mReceiver = null
            }
        }
    }
    
    //注册广播接收器
    private fun registerBroadcast(){
        mReceiver = object : BroadcastReceiver() {
            override fun onReceive(context: Context, intent: Intent) {
                //当前Activity只需要接受来自PIP 自定义Action发出的广播
                if (PIPControlUtils.ACTION_MEDIA_CONTROL != intent.action
                ) {
                    return
                }
				//获取PIP控制类型
                var controlType = intent.getIntExtra(
                    PIPControlUtils.EXTRA_CONTROL_TYPE,
                    PIPControlUtils.CONTROL_TYPE_PLAY
                )
                when (controlType) {
                    //暂停-> 播放
                    PIPControlUtils.CONTROL_TYPE_PLAY -> //播放事件
                    //播放-> 暂停
                    PIPControlUtils.CONTROL_TYPE_PAUSE -> //暂停事件
                    //快进
                    PIPControlUtils.CONTROL_TYPE_FAST_FORWARD -> //快进事件
                    //快退
                    PIPControlUtils.CONTROL_TYPE_REWIND -> //快退事件
                }
            }
        }
        registerReceiver(mReceiver, IntentFilter(PIPControlUtils.ACTION_MEDIA_CONTROL))
    }

    override fun onStop() {
        super.onStop()
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
		    /**
		     * isInPictureInPictureMode -> false，画中画模式时点了关闭按钮调用的onStop
		     * 注意：Android 12版本退出PIP模式时isInPictureInPictureMode未变成false
		     * 因此在onPictureInPictureModeChanged()方法里去判断是不是退出PIP模式
		     */
            //isInPictureInPictureMode -> true，画中画模式时息屏调用的onStop
            if (isInPictureInPictureMode) {
            //此处可以处理进入PIP模式后息屏下是否需要暂停
            }
        }
    }

PIPControlUtils

class PIPControlUtils {

    companion object {
        //PendingIntent action
        const val ACTION_MEDIA_CONTROL = "media_control"
        //PendingIntent extra name
        const val EXTRA_CONTROL_TYPE = "control_type"
        //PendingIntent extra resume play
        const val CONTROL_TYPE_PLAY = 0x800
        //PendingIntent extra pause
        const val CONTROL_TYPE_PAUSE = 0x801
        //PendingIntent extra fast forward
        const val CONTROL_TYPE_FAST_FORWARD= 0x802
        //PendingIntent extra rewind
        const val CONTROL_TYPE_REWIND = 0x803
        //Fast forward time millis
        const val FAST_FORWARD_TIME = 15 * 1000
        //Rewind time millis
        const val REWIND_TIME = 15 * 1000
        //PendingIntent play request code
        const val CONTROL_PLAY_REQUEST_CODE = 0x800
        //PendingIntent pause request code
        const val CONTROL_PAUSE_REQUEST_CODE = 0x801
        //PendingIntent fast forward request code
        const val CONTROL_FAST_FORWARD_REQUEST_CODE = 0x802
        //PendingIntent rewind request code
        const val CONTROL_REWIND_REQUEST_CODE = 0x803
    }
}
lgr1021
关注
iOS画中画Picture in Picture:你需要知道的9个知识点
暗黑的博客
05-05 9204
iOS9最后给我们带来了每个人期待已久的”多任务”，Slider Over、Split View 和画中画(PiP)，已经使iPad成为一个比之前更强大、更便利的工具。使你在工作中需要在屏幕上同时做多个事情的时候增加工作效率，这在商务办公中将会备受欢迎。相比于转换为后台或者四指切换APP，用户能够更加集中注意力于更加重要的事情上。并且现在由于苹果对视频app更加优雅的处理方式，当你需要回复朋友的e
Android小窗口模式，picture-in-picture（PIP画中画）的使用
Venus 的博客
10-10 6058
1.介绍 Android8.0的时候推出了画中画模式，可以让Activity缩小显示在其他Activity上方。当初我维护的项目本身自己实现了这个功能，Android加入画中画之后两个功能并行，互相交互的时候出了一大堆问题。现在几乎所有的视频软件都加入了这个功能。使用方法十分简单，但是需要处理好AudioFocus的问题。 2.参数介绍 在Android 8.0时候，只需要调用Activity的enterPictureInPictureMode(); 或者enterPictureInPict.
Android 画中画 Picture-in-picture 使用
weixin_36965072的博客
10-28 2651
Android 8.0 Api 26以上 允许已画中画模式启动，主要用于播放视频。 第一步 默认情况下，系统不自动支持应用程序的PIP。 通过将设置android:supportsPictureInPicture为来在清单中注册视频活动 true <activity android:name=".MainActivity" android:supportsPictureInPicture="true" android:configChanges=
Picture-in-Picture-crx插件
03-21
必须在chrome：// flags中启用以下标志：chrome：// flags /＃enable-experimental-web-platform-features chrome：// flags /＃enable-surfaces-for-videos chrome： // flags /＃enable-picture-in-picture ...
picture-in-picture-chrome-extension
05-13
画中画Chrome扩展程序 一个简单的Chrome扩展程序，用于演示Chrome 。 通过以下网址在Chrome网上应用店中获取它： 配置 可以在Chrome扩展程序快捷方式设置页面上更改键盘快捷键（默认为Alt-P ）：chrome：// ...
Picture-in-Picture (PiP) for All 4-crx插件
04-04
在通道4“全部4”播放器上启用画中画（PiP） 此扩展程序启用了画中画（PiP）功能，用于在第4频道的All 4播放器上观看的视频。 注意：视频将暂停播放广告。 您需要返回到正在播放视频的浏览器标签并观看广告，然后...
picture-in-picture-chrome-extension:移至https
04-29
"Picture-in-Picture Chrome Extension" 是一款用于谷歌浏览器的扩展程序，主要功能是实现画中画（Picture-in-Picture，简称PiP）模式。在观看视频时，PiP模式允许用户将视频窗口缩小并悬停在屏幕一角，这样在浏览...
Android PictureInPicture（画中画功能）
ckwccc的博客
01-18 7561
Android 8.0推出了PictureInPicture（画中画功能），目前只有在8.0以上的系统上支持。对比IOS,IOS的Picture in Picture 模式是苹果公司在 iOS 9 中加入的一项多任务功能。下面先看一下效果： 相信不少人在平时使用ios手机的app时，已经体验过了，很高兴谷歌也推出了这项功能。使用画中画模式注意点：1.要使用画中画模式的Activity需要在清单文件
Android代码-Android Picture in Picture 效果 Demo。
08-06
Android PictureInPicture Sample This sample demonstrates basic usage of Picture-in-Picture mode for handheld devices. The sample plays a video. The video keeps on playing when the app is turned in to Picture-in-Picture mode. On Picture-in-Picture screen, the app shows an action item to pause or resume the video. Introduction As of Android O, activities can launch in Picture-in-Picture (PiP) mode. PiP is a special type of multi-window mode mostly used for video playback. The app is paused when it
浏览器中的画中画（Picture-in-Picture）API
Something的博客
12-09 1320
https://segmentfault.com/a/1190000021217628
Android 原生 Picture in Picture 画中画功能避坑指南
修之竹的博客
06-05 2202
Android PiP 模式也称之为画中画模式，允许用户在使用应用程序的同时，在屏幕的一角或一侧浮动显示另一个应用程序或视频。这使得用户可以同时进行多项任务，而不必切换应用程序或中断正在进行的任务。如下所示：（注：B站的 PiP 是自定义实现的，未使用系统 PiP）
浏览器中的画中画（Picture-in-Picture）模式及其 API
weixin_34343000的博客
06-29 8481
想边刷微博边追剧？想边聊微信边看球赛？从浏览器支持扩展功能开始，人们就一直有这样的需求： Chrome看视频，有没有可以弹出视频窗口的插件？ 各个国产壳子浏览器也争相内置“视频弹窗播放”的功能，比如当年的火狐中国版： 这么多年过去了，正统浏览器们终于要内置这个功能了，而且还有配套的 API 给开发者使用。 WICG，全名为 Web Incubator ...
原生 Picture in Picture 画中画功能避坑指南
最新发布
chuyouyinghe的专栏
10-11 1533
Android PiP 模式也称之为画中画模式，允许用户在使用应用程序的同时，在屏幕的一角或一侧浮动显示另一个应用程序或视频。这使得用户可以同时进行多项任务，而不必切换应用程序或中断正在进行的任务。如下所示：（注：B站的 PiP 是自定义实现的，未使用系统 PiP）2。
Android安卓图片切换（PictureSelector）
Justinbili的博客
12-09 1150
1.导入依赖 同步一下 implementation 'com.github.wildma:PictureSelector:2.1.0' //相机依赖 2.布局 <ImageView android:id="@+id/img" android:layout_width="100dp" android:layout_height="100dp"></ImageView> <Button and
Android - 画中画
qq_37658380的博客
10-29 887
简介 Android8.0 开始可以让Activity进入画中画模式，即Activity变小并且悬浮于其他界面之上，就算是退到桌面也依然存在。 简单使用 在AndroidManifest中声明需要进入画中画的Activity支持画中画 <activity android:name=".PlayerActivity" //声明支持画中画 android:resizeableActivity="true" android:supportsPictureInPicture="true" //避免
android点击图片变色,Android图片色彩变换实现方法
weixin_30665313的博客
05-26 538
最近在做图片相关的应用，所以就各方积累到一些常用的操作，一般来说会有多种方式来实现这一功能，比如1.采用色度变换2.采用ColorMatrix颜色矩阵3.采用对像素点的直接操作等等，今天就复习一下第一种方式吧，虽然比较单一，得到的结果类型也比较少。相比较于常见的图片风格变换，一般我们就是换个色彩度，饱和度，亮度等等，这里也恰恰是这个方式编码思路：•抽象出图片操作工具类•创建一个用于操作的Bitma...
Android 12 画中画问题,home画中画恢复后打开新界面延迟或者失效问题
韩雪雪的博客
12-29 1282
在Android 12 系统的手机，home进入画中画，然后在恢复全屏模式，然后点击界面上其他按钮打开新界面，会出现 startActivity新的界面会延迟7-8 秒或者 打不开新界面的情况
iOS9新功能介绍：画中画 Picture in Picture
iOS9的画中画（Picture in Picture，简称PIP）功能是一个创新的多任务处理特性，允许用户在执行其他应用操作的同时，持续观看视频内容。这种功能在移动操作系统中首开先河，为用户提供了更灵活的多任务使用体验。画...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值