问题标签 [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 投票
0 回答
251 浏览

javascript - 如何在spa中以图片模式处理videojs图片,react js?如果我通过页面路由

我有一条视频/video/id 的路线。如果我将视频更改为画中画模式,然后转到另一个页面,我该如何处理?

现在我在 componentWillUnmount 上处理 videojs。如果我不处理它并转到另一条路线,则正在播放视频。但是如果我关闭那个盒子上的视频,它仍然在后台播放。我找不到视频的实例。

0 投票
0 回答
812 浏览

ios - WebRTC 的画中画功能

Apple从 14.0 版本开始为 iOS引入了 画中画功能,而 iPadOS 更早提供了该功能。该功能在使用 AVFoundationAPI 时运行良好。例如,

我正在寻找的是,是否有任何解决方案/API 可以为iOS 和 iPadOS 中的WebRTCRTCVideoRenderer视频流实现画中画,特别是对于.

0 投票
1 回答
661 浏览

javascript - 如何在 requestPictureInPicture 中播放多个视频?

requestPictureInPicture 太棒了,但看起来它只适用于 1 个视频。

如何让 requestPictureInPicture 播放多个视频,这样我就可以同时观看两个视频?

基本上这只显示一个视频:

https://codepen.io/zecheesy/pen/YzwBJMR

想法:也许我们可以在画布上放两个视频?并让pictureInPicture 同时播放两个视频?https://googlechrome.github.io/samples/picture-in-picture/audio-playlist

我不确定这是否可能。非常喜欢你的帮助!

0 投票
1 回答
100 浏览

java - 系统导航是手势时如何调用onUserLeaveHint?

目前我正在为 android 实现画中画功能,正如文档所说,当用户使用 onUserLeaveHint() 方法通过主页按钮离开应用程序时,我们应该进入画中画模式,它在设备中按预期工作物理按钮,但是当手机没有并且使用像 iPhone 这样的手势时,不会调用 onUserLeaveHint 方法,那么有没有办法捕捉或模拟这种行为?

0 投票
0 回答
167 浏览

android - 如何更改默认画中画重力?

我正在为Android应用程序实现画中画功能,我想在画中画默认打开时更改默认位置是:

<!-- The default gravity for the picture-in-picture window. Currently, this maps to Gravity.BOTTOM | Gravity.RIGHT --> <integer name="config_defaultPictureInPictureGravity">0x55</integer> +

此信息来自源代码中的 config.xml,例如当您在聊天中播放视频时,whatsapp 将其更改为另一个位置,但我正在尝试找出覆盖 config.xml 文件的方法

0 投票
0 回答
260 浏览

java - 将画中画应用到 YouTube 播放器视图

在将画中画模式应用于 YouTube 播放器视图并运行应用程序时,当我进入画中画模式时,YouTube 播放器中的视频播放暂停并且由于画中画自己的布局而无法单击播放按钮。当我从同一时间进入画中画模式时,如何继续播放视频?

这是我的代码:-

0 投票
0 回答
87 浏览

javascript - Webkit画中画在IOS上自行重置

在 HTML 视频标签上使用以下代码时:

它在 safari 上按预期工作。但是在IOS safari上,画中画模式被激活的那一刻它会再次关闭。显示带有“此视频正在画中画播放”文本的黑色叠加层,但立即再次删除。有什么我做错了吗?

我使用这篇文章作为参考:https ://developer.apple.com/documentation/webkitjs/adding_picture_in_picture_to_your_safari_media_controls

0 投票
1 回答
178 浏览

ionic4 - 适用于 Android 的 ionic 4 插入模式画中画

我正在为 Android 和 IOS 做一个应用程序。对于 IOS,后台地理定位运行良好,但对于 Android,系统会在 5 分钟后终止该进程。我想实现模式 pip 但我没有找到关于它的文档。

0 投票
0 回答
153 浏览

android - YouTube 停止在画中画模式下播放视频

YouTube 视频在普通屏幕上播放。但是,当我切换到画中画模式时。它停止播放,没有错误。

不确定以下代码段有什么问题:

如果有人知道 WhatsApp 如何做到这一点或如何正确实施。

提前致谢!

0 投票
1 回答
461 浏览

android - 安卓画中画模式

我有一个包含 2 个活动的应用程序,第一个是电影列表,第二个是详细活动,并且有一个可以在 PictureInPicture 模式下播放的播放器。问题是如果用户从最近的项目中删除应用程序 PictureinPicture 窗口将继续存在,并且由于应用程序正在流式传输并且现在连接丢失,PictureinPicture 将进入僵尸模式并且无法正常工作。我能做些什么来解决这个问题?在 youtube 应用程序中,当活动处于 PictureInPicture 模式时,该应用程序未显示在最近的项目中,我不确定如何实现此解决方案。