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

android - 如何以编程方式关闭画中画

我在画中画模式下遇到了这个问题,我想在从 PIP 本身以外的其他地方再次打开活动时关闭 PIP(画中画)。不是从关闭按钮。

我想要与 youtube 相同的场景,即当用户单击 PIP(画中画)时,它会打开相同的活动,但是当用户从列表中选择另一个视频时,它会结束前一个 PIP(画中画)并打开一个新活动。就我而言,当我打开一个新视频时,它会恢复我之前播放的视频。

0 投票
3 回答
1495 浏览

ios13 - 尝试在 iOS 13 或 tvOS 13 中使用 AVPictureInPictureController 时出错

我有一个在 iOS 和 tvOS 上运行的小应用程序,我在 UIView 中显示视频。它确实支持 iOS 12 和 tvOS 12。现在想为 tvOS 显示 PIP,因此尝试使用 AVPictureInPictureController 会给出错误“使用未声明的标识符 'AVPictureInPictureController ”。

即使部署目标设置为 tvOS 13。在 Xcode 中,功能 -> 背景模式 -> 启用“音频、Airplay 和画中画”。这个基本代码给出了错误。

缺少任何其他设置或我需要做的其他事情吗?

谢谢

0 投票
2 回答
1203 浏览

javascript - 在我的 Web 文档中未启用画中画的可能原因是什么?

我认为我的问题很简单,下面是附加信息。

我在 Laravel 有一个小项目,我想使用 ApiRTC 实现实时视频通话。当 Local Stream 被加载时(我可以在一个元素中看到自己),它应该也有 PIP 功能。但不幸的是,事实并非如此。

错误是“requestPictureInPicture 不是函数”,由此我得出结论,PIP API 未启用.. 但我不明白为什么?

PS 它在我的浏览器中启用,我在 about:config 中检查了它。

0 投票
0 回答
445 浏览

firefox - 如何在firefox上使用javascript转换功能画中画

我已经搜索了我的问题,但没有解决方案,我有一个视频,但我不希望用户可以搜索或播放,暂停,我有使用 js 的块控制视频,但有了这个功能,我的观点真的是错误的,有人可以给我的一些建议是在悬停视频标签时关闭该功能或隐藏元素弹出窗口,我真的尝试添加属性 disablePictureInPicture 或调试以查找弹出窗口,但看起来 Firefox 只是在使用鼠标或触摸时获取事件,我在firefox 72 beta上检查它谢谢大家. 此处链接图片 ps/ 我的观点在 Firefox 上被隐藏或禁用此按钮,我在信息发布上读到该功能是画中画,并在 windows 上的 firefox 版本 71 和 mac 和 linux 上的版本 72 上发布

0 投票
1 回答
2237 浏览

javascript - 画中画和全屏在一起 - API 只能由用户手势启动

我正在播放两个视频,如下图所示:

视频播放器演示

有一个名为“进入全屏”的按钮。当有人点击那个按钮时,我想做两件事。

  1. Video Player 2 将设置为画中画和
  2. 视频播放器 1 将设置为全屏。

我可以做全屏或画中画,但不能同时做全屏和画中画。错误抛出如下:

无法在“元素”上执行“请求全屏”:API 只能由用户手势启动。
未捕获(承诺中)TypeError:全屏错误

我正在使用 jQuery,这是我的示例代码:

更新:07.01.2020:我同时尝试了两个请求,但它也不起作用。它仅适用于我首先要求的一个。

在这种情况下,只有 pip 有效,全屏请求会引发错误。如果我首先请求全屏,那么只有全屏有效 - pip 会引发错误。

我尝试使用 jQuerytrigger('click')来自动触发另一个点击事件。仅适用于一个(点子或全屏),但不能同时使用!

我真的很感谢你的帮助。

0 投票
0 回答
393 浏览

python - 使用Python和OpenCV播放两个相机流画中画风格

我正在尝试从两个 IP 摄像机流式传输并将它们显示在一个帧内,其中一个是主摄像头(全屏),另一个是右下角的较小的一个,两者都是实时流式传输的。我已经通过放置 2 个嵌套面板使用 Tkinter 实现了这一点,但是,我对帧速率等不满意,可能是由于 GUI 自己的循环限制了我的流的性能。这就是为什么我试图只使用 OpenCV 来完成它,但到目前为止我无法找到解决方案。非常感谢这里的一些帮助。

谢谢!

0 投票
1 回答
233 浏览

ios - iPad画中画随机调用restoreUserInterfaceForPictureInPictureStopWithCompletionHandler

在我们的应用程序中,我们有一个通过 AVKit 的自定义播放器,它支持 iPad 上的画中画多任务处理。

画中画设置后不久,restoreUserInterfaceForPictureInPictureStopWithCompletionHandler似乎无缘无故调用了委托方法函数。

Apple 的文档中,它说:

无论画中画如何结束,无论是因为用户结束播放、用户点击按钮将正在进行的视频播放返回到您的应用程序,还是视频自行播放完毕,都会调用此方法。

在这种情况下,用户没有结束播放,或者点击按钮返回到应用程序中正在进行的视频,并且视频没有自行完成播放。

为什么画中画可以随机结束的其他原因是什么?

0 投票
0 回答
31 浏览

ios - 画中画模式(从 iPad 设备设置访问切换状态)

是否有从 iPad 设备设置中获取画中画切换状态的方法?在此处输入图像描述

0 投票
1 回答
1096 浏览

javascript - Videojs requestPictureInPicture() 在滚动到顶部和底部时仅工作一次

我正在使用Videojs 框架在页面上显示视频,但 PictureInPicture 功能存在问题。我试图在用户向下滚动时自动进入 PictureInPicture 模式,并在用户向上滚动(回到实际的视频播放器)时再次退出 PictureInPicture 模式。
我第一次向下和向上滚动时一切正常,但之后的任何尝试都失败了。
这是我的代码的笔:https
://codepen.io/madefortestonly/pen/GRJxMya?editors=1011 这是我从 catch 块中得到的错误消息:

顺便说一句,有人似乎和我在这里遇到的问题完全相同:
为什么 video.requestPictureInPicture() 只能工作一次?
看起来您需要单击页面才能滚动以进行下一次尝试,因为滚动不是用户信任事件的一部分。
我试图在向上滚动时使用 javascript 模拟点击,但到目前为止还没有运气。

如何修复我的代码以在不告诉用户他/她需要单击页面上的某个位置的情况下自动来回滚动 PictureInPicture?

0 投票
1 回答
457 浏览

android - 在图片模式 YoutubePlayer View Android 中输入图片时出现未经授权的叠加错误?

我正在为 youtube 视频进行直播。通过进入画中画模式,播放器会使用错误UNAUTHORIZED_OVERLAY暂停视频。

视频布局.xml

活动.cs

}

我在 oninitializedsuccess 上加载视频并在 onLoaded 中播放视频。我已经尝试了所有可能的解决方案,因此 youtube 播放器视图顶部没有视图,但它总是给我同样的错误。