问题标签 [picture-in-picture]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
829 浏览

swift - Swift WebKit 画中画

如何在 WebKit 的 Swift WebView 上启用画中画?

目前,当您在 webView 中观看视频并切换到主屏幕时,您会在主屏幕右上角短暂看到画中画视图,但它会在一秒钟后消失。

你怎么能保留它,使它不会消失?

提前致谢!

0 投票
1 回答
367 浏览

android - 如何从 Android 的 PIP 窗口中删除 SKIP_TO_NEXT 和 SKIP_TO_PREVIOUS 按钮?

我正在使用这样的 exo-player 和媒体会话扩展。

当我进入 PIP 窗口时,它会显示 3 个控制按钮(播放/暂停、跳到下一个、跳到上一个)。我只想要播放/暂停按钮,并想删除跳到下一个和跳到上一个按钮。

我该怎么做?

0 投票
0 回答
77 浏览

java - 如何在 Android 9 的屏幕专用区域启动 3rd-party 应用程序?

我希望我的 Android 应用程序在屏幕的专用区域上启动另一个应用程序,即设置显示另一个应用程序的屏幕边界。下面是一个屏幕截图,其中包含一个示例,其中我在我的应用程序上启动了 Google 地图:

在启动 3rd 方应用程序之前 在专用区域启动的第 3 方应用程序

这是通过以下代码实现的:

上面的结果会令人满意,但是这是在运行 Android 10 的三星 Galaxy S10 设备上运行的。现在,我需要能够使用 Android 9 实现类似的结果。我研究了画中画和自由格式模式,但我没有设法将前者用于此目的,不幸的是后者似乎仅适用于 Android 10 及更高版本。我愿意为此提供任何解决方案,包括创建启动器应用程序等。我还希望最大限度地提高与第三方应用程序的兼容性。

在 Android 9 上实现这一目标的可能方法是什么?

0 投票
1 回答
172 浏览

javascript - 使用 JS 创建弹出式媒体播放器?

我一直在尝试制作一个具有基本控件的音频播放器,允许播放音频而不是视频。它也需要在 PIP 模式下查看。到目前为止,这是我的代码:

您能给我的任何帮助将不胜感激。(我已经有暂停和播放功能,但我没有将它们包括在消息大小中)

PS:(我不知道为什么,但早些时候我收到一条错误消息,上面写着“JavaScript 异常:无法在 'HTMLVideoElement' 上执行 'requestPictureInPicture':尚未加载视频元素的元数据”,现在我没有错误根本......也没有音乐......)

PPS:(我修复了一些错误......现在我又遇到了原来的错误。)

0 投票
1 回答
874 浏览

android - 画中画 打开应用程序的新窗口并显示大量最近的任务

按下回退按钮时,我正在 PIP 模式下播放我的视频。一切都很好。视频播放完美。导航等。但问题是当我关闭 PIP 模式时。在我最近的应用程序窗口上创建了一个新窗口。图片。 当我单击 pip 模式关闭按钮时,请查看那些由 pip 模式留下的白色窗口。

当我关闭点子模式时,有什么方法可以解决这个问题并关闭活动,请帮忙..

0 投票
0 回答
109 浏览

angular - Angular + Cordova - 移动画中画 (PIP)

我正在尝试使用 Angular 和 Cordova 在移动设备上实现画中画。我找到了这个插件,但我没有设法使用它: https ://www.npmjs.com/package/cordova-plugin-pip

感谢您对此事的帮助

0 投票
1 回答
256 浏览

android - 如何在十字图标单击时强制杀死图片和图片活动?

在图片和图片模式被激活后,我试图从任务中终止活动,到目前为止,我尝试过,,,,以编程finish()方式设置,但活动仍然在后台运行。finishAffinity()onBackPressed()excludeFromRecent

Google Maps当我们点击那个十字图标时,我们可以看到相同的行为。应用程序仍然存在于后台,但我需要残忍地杀死它:)

这就是我触发意图的方式:

重要提示:当此活动无法PiP mode按预期进行时,活动会在我需要时正常终止!

当我点击这个十字图标时:

在此处输入图像描述

pipActivity 中的 onStop 被调用:

此时 UI 已清理并且连接中断。但是系统仍然在后台保存任务,当我点击它时它会自行重启。

我不想要这个。右边的任务是不应该处于活动状态的已关闭 PiP 活动。我想杀了它。可能吗?

在此处输入图像描述

0 投票
1 回答
674 浏览

ios - 向上滑动(将应用程序置于后台)并且视频正在自定义 AVPLayer 中播放时,如何停止画中画?

我正在开发支持画中画的视频播放器。我在该播放器上播放广告和视频内容。当播放器播放广告时,我想限制从设备向上滑动(将应用程序置于后台)时的自动画中画。一旦广告完成,我想让它在应用程序进入后台时进入画中画。我AVPlayer在我的自定义播放器和AVPictureInPictureController画中画支持中使用。

我找到了一个相关的解决方案AVPlayerViewController,其中.allowsPictureInPicturePlayback属性允许禁用画中画。但我没有找到任何属性AVPlayerAVPlayerLayer限制画中画。

请分享处理这种情况的可能解决方案。提前致谢。

0 投票
2 回答
288 浏览

android - 当另一个活动处于画中画模式时,有什么方法可以杀死一个活动?

当ActivityB处于 pip 模式时,我有两个活动ActivityAActivityB(这个启用了 pip 模式) ,现在ActivityA进入前台我想从ActivityA完成/销毁/杀死ActivityB有什么办法吗?

0 投票
1 回答
478 浏览

html - 如何在 Wordpress HTML5 视频中禁用画中画模式

尊敬的社区成员您好!

我已将视频背景设置为 Elementor 部分。

问题:通过 Firefox(从计算机)和 iphone 浏览器查看页面时,会出现一个上下文菜单,允许在单独的窗口中查看视频(“画中画”)。如果我正在考虑在视频顶部添加互补元素的视频页面设计,则此功能会破坏整个想法。如果单击画中画上下文菜单,Elementor 部分的视频将消失,整个部分为空。我不希望用户能够在视频页面上执行此操作(无意或有意)。

我请您提出解决此问题的可能方法,以排除浏览器对视频的任何干扰。如何关闭视频元素的画中画?

示例:具有视频背景的部分/画中画部分

我找到了几种故障排除方法,但是没有足够的技术知识来理解如何实现它们:

  1. 关于使用disablePictureInPicture属性。
  2. 苹果avpictureinpicture 控制器